diff --git a/.github/actions/npm-cache/action.yml b/.github/actions/npm-cache/action.yml new file mode 100644 index 0000000..d19f3af --- /dev/null +++ b/.github/actions/npm-cache/action.yml @@ -0,0 +1,46 @@ +--- +name: "NPM Cache Action" +description: "Initialize NPM Cache" +inputs: + nodeModulesPath: + description: "Path for node_modules" + required: false + default: "**node_modules" + packageLockPath: + description: "Path for package-lock.json" + required: false + default: "**/package-lock.json" + nodeVersion: + description: "Node version" + required: false + default: "20" +runs: + using: "composite" + steps: + - name: ๐Ÿ†™ Setup node + uses: actions/setup-node@v4 + with: + node-version: ${{ inputs.nodeVersion }} + cache-dependency-path: screen-reader-test/package-lock.json + + - name: Display node and npm version + shell: bash + run: | + node --version + npm --version + + - name: ๐Ÿ†’ Init Cache + uses: actions/cache@v4 + id: "cache" + with: + path: "**/node_modules" + key: ${{ runner.os }}-node-${{ inputs.nodeVersion }}-${{ hashFiles(inputs.packageLockPath) }} + restore-keys: | + ${{ runner.os }}-node-${{ inputs.nodeVersion }} + + - name: โฌ NPM ci + shell: bash + working-directory: screen-reader-test + if: steps.cache.outputs.cache-hit != 'true' + run: | + npm ci diff --git a/.github/actions/playwright-cache/action.yml b/.github/actions/playwright-cache/action.yml new file mode 100644 index 0000000..63580b6 --- /dev/null +++ b/.github/actions/playwright-cache/action.yml @@ -0,0 +1,35 @@ +--- +name: "Playwright Cache Action" +description: "Initialize Playwright Cache" +runs: + using: "composite" + steps: + - name: ๐Ÿ†™ Set env for os + shell: bash + env: + OS: ${{ runner.os }} + run: | + if [[ $OS == "Windows" ]]; then + echo "CACHE_PATH=C:\Users\runneradmin\AppData\Local\ms-playwright" >> "$GITHUB_ENV" + echo "BROWSERS=chromium firefox" >> "$GITHUB_ENV" + echo "OS=windows" >> "$GITHUB_ENV" + else + echo "CACHE_PATH=~/Library/Caches/ms-playwright" >> "$GITHUB_ENV" + echo "BROWSERS=webkit chromium firefox" >> "$GITHUB_ENV" + echo "OS=macos" >> "$GITHUB_ENV" + fi + + - name: ๐Ÿ†’ Cache Playwright binaries + uses: actions/cache@v4 + id: playwright-cache + with: + path: ${{ env.CACHE_PATH }} + key: "${{ runner.os }}-playwright-1.43.1" + restore-keys: | + ${{ runner.os }}-playwright- + + - name: Install Playwright's dependencies + shell: bash + working-directory: screen-reader-test + if: steps.playwright-cache.outputs.cache-hit != 'true' + run: npx playwright install --with-deps ${{ env.BROWSERS }} diff --git a/.github/workflows/00-init-playwright.yml b/.github/workflows/00-init-playwright.yml new file mode 100644 index 0000000..ebb32eb --- /dev/null +++ b/.github/workflows/00-init-playwright.yml @@ -0,0 +1,19 @@ +name: ๐ŸŽญ Init Playwright + +on: + workflow_call: + +jobs: + init-playwright: + name: ๐ŸŽญ Init Playwright - ${{ matrix.os }} + runs-on: ${{ matrix.os }} + strategy: + fail-fast: false + matrix: + os: [macos-13, windows-2022] + steps: + - name: โฌ Checkout repo + uses: actions/checkout@v4 + + - name: ๐Ÿ”„ Init Playwright Cache + uses: ./.github/actions/playwright-cache diff --git a/.github/workflows/02-e2e-screen-reader.yml b/.github/workflows/02-e2e-screen-reader.yml new file mode 100644 index 0000000..f155896 --- /dev/null +++ b/.github/workflows/02-e2e-screen-reader.yml @@ -0,0 +1,55 @@ +name: ๐ŸŽญ Playwright Screen Reader + +on: + workflow_call: + +permissions: + actions: write + contents: write + +jobs: + playwright-screen-reader: + name: ๐Ÿงช๐ŸŽญ - screen-reader - ${{ matrix.os }} - ${{ matrix.framework }} - ${{ matrix.shardIndex }}/${{ matrix.shardTotal }} + runs-on: ${{ matrix.os }} + strategy: + fail-fast: false + matrix: + os: [macos-13, windows-2022] + framework: [react] + shardIndex: [1, 2, 3] + shardTotal: [3] + steps: + - name: โฌ Checkout repo + uses: actions/checkout@v4 + + - name: ๐Ÿฆฎ Guidepup Setup + uses: guidepup/setup-action@0.15.3 + with: + record: true + + - name: ๐Ÿ”„ Init Cache Default + uses: ./.github/actions/npm-cache + + - name: ๐Ÿ”„ Init Playwright Cache + uses: ./.github/actions/playwright-cache + + - name: ๐Ÿ‘ฉโ€๐Ÿ”ฌ Test showcase with Playwright ๐ŸŽญ + working-directory: screen-reader-test + run: | + npm run test:screen-reader:${{ env.OS }} -- --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }} + + - name: ๐Ÿ†™ Upload test results + if: failure() + uses: actions/upload-artifact@v4 + with: + name: ${{ matrix.framework }}-screen-reader-${{ matrix.os }}-${{ matrix.shardIndex }} + path: ./screen-reader-test/${{ matrix.framework }}-showcase/test-results + retention-days: 30 + + - name: ๐Ÿ†™ Upload test results + if: failure() + uses: actions/upload-artifact@v4 + with: + name: ${{ matrix.framework }}-recordings-${{ matrix.os }}-${{ matrix.shardIndex }} + path: ./screen-reader-test/${{ matrix.framework }}-showcase/recordings + retention-days: 30 diff --git a/.github/workflows/default.yml b/.github/workflows/default.yml new file mode 100644 index 0000000..2b58334 --- /dev/null +++ b/.github/workflows/default.yml @@ -0,0 +1,20 @@ +--- +name: Default Pipeline + +on: + pull_request: + push: + branches: + - "main" + +concurrency: + group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }} + cancel-in-progress: true + +jobs: + init-playwright: + uses: ./.github/workflows/00-init-playwright.yml + + test-screen-reader: + uses: ./.github/workflows/02-e2e-screen-reader.yml + needs: [init-playwright] diff --git a/.gitignore b/.gitignore index 39cee87..3b7b8f6 100644 --- a/.gitignore +++ b/.gitignore @@ -105,4 +105,5 @@ dist # Setting files for IntelliJ / WebStorm .idea/ +/screen-reader-test/react-showcase/test-results/ /variable-fonts/fonts diff --git a/screen-reader-test/package-lock.json b/screen-reader-test/package-lock.json new file mode 100644 index 0000000..8e2411f --- /dev/null +++ b/screen-reader-test/package-lock.json @@ -0,0 +1,1267 @@ +{ + "name": "screen-reader-test", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "screen-reader-test", + "version": "0.0.0", + "devDependencies": { + "@guidepup/playwright": "^0.13.2", + "@playwright/test": "1.43.1", + "@types/node": "^20.12.7", + "cross-env": "^7.0.3", + "http-server": "14.1.1" + } + }, + "node_modules/@derhuerst/http-basic": { + "version": "8.2.4", + "resolved": "https://registry.npmjs.org/@derhuerst/http-basic/-/http-basic-8.2.4.tgz", + "integrity": "sha512-F9rL9k9Xjf5blCz8HsJRO4diy111cayL2vkY2XE4r4t3n0yPXVYy3KD3nJ1qbrSn9743UWSXH4IwuCa/HWlGFw==", + "dev": true, + "peer": true, + "dependencies": { + "caseless": "^0.12.0", + "concat-stream": "^2.0.0", + "http-response-object": "^3.0.1", + "parse-cache-control": "^1.0.1" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@guidepup/guidepup": { + "version": "0.22.3", + "resolved": "https://registry.npmjs.org/@guidepup/guidepup/-/guidepup-0.22.3.tgz", + "integrity": "sha512-0SbPyjoCgYQYPCjWJgQDUrfw1HgSIjVJ6k/UvTUV7FvMPv22LVS40g2P2ScObx2H+apMJGPTja8Tx1uoWZw9JQ==", + "dev": true, + "peer": true, + "dependencies": { + "ffmpeg-static": "^5.2.0", + "regedit": "5.1.2", + "semver": "^7.3.8", + "shelljs": "^0.8.5" + } + }, + "node_modules/@guidepup/playwright": { + "version": "0.13.2", + "resolved": "https://registry.npmjs.org/@guidepup/playwright/-/playwright-0.13.2.tgz", + "integrity": "sha512-oIoF7paP8l5SxGmehqreGhiEuE5HoQ4B/qO3JfZzQH2PykF4eCrqijmOLLOAZOJFyG8+8KicVprg4GCsXhoeVQ==", + "dev": true, + "peerDependencies": { + "@guidepup/guidepup": "^0.22.1", + "@playwright/test": "^1.40.1" + } + }, + "node_modules/@playwright/test": { + "version": "1.43.1", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.43.1.tgz", + "integrity": "sha512-HgtQzFgNEEo4TE22K/X7sYTYNqEMMTZmFS8kTq6m8hXj+m1D8TgwgIbumHddJa9h4yl4GkKb8/bgAl2+g7eDgA==", + "dev": true, + "dependencies": { + "playwright": "1.43.1" + }, + "bin": { + "playwright": "cli.js" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/@types/node": { + "version": "20.12.7", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz", + "integrity": "sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/agent-base": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", + "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", + "dev": true, + "peer": true, + "dependencies": { + "debug": "4" + }, + "engines": { + "node": ">= 6.0.0" + } + }, + "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/async": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz", + "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==", + "dev": true, + "dependencies": { + "lodash": "^4.17.14" + } + }, + "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, + "peer": true + }, + "node_modules/basic-auth": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz", + "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==", + "dev": true, + "dependencies": { + "safe-buffer": "5.1.2" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/basic-auth/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "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, + "peer": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true, + "peer": true + }, + "node_modules/call-bind": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "dev": true, + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==", + "dev": true, + "peer": true + }, + "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/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/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "peer": true + }, + "node_modules/concat-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz", + "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==", + "dev": true, + "engines": [ + "node >= 6.0" + ], + "peer": true, + "dependencies": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^3.0.2", + "typedarray": "^0.0.6" + } + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true, + "peer": true + }, + "node_modules/corser": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz", + "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==", + "dev": true, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/cross-env": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz", + "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.1" + }, + "bin": { + "cross-env": "src/bin/cross-env.js", + "cross-env-shell": "src/bin/cross-env-shell.js" + }, + "engines": { + "node": ">=10.14", + "npm": ">=6", + "yarn": ">=1" + } + }, + "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/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "peer": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/define-data-property": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", + "dev": true, + "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "peer": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true + }, + "node_modules/ffmpeg-static": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ffmpeg-static/-/ffmpeg-static-5.2.0.tgz", + "integrity": "sha512-WrM7kLW+do9HLr+H6tk7LzQ7kPqbAgLjdzNE32+u3Ff11gXt9Kkkd2nusGFrlWMIe+XaA97t+I8JS7sZIrvRgA==", + "dev": true, + "hasInstallScript": true, + "peer": true, + "dependencies": { + "@derhuerst/http-basic": "^8.2.0", + "env-paths": "^2.2.0", + "https-proxy-agent": "^5.0.0", + "progress": "^2.0.3" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/follow-redirects": { + "version": "1.15.6", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", + "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "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, + "peer": true + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "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/get-intrinsic": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "dev": true, + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "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==", + "dev": true, + "peer": 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/gopd": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.1.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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/has-property-descriptors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", + "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", + "dev": true, + "dependencies": { + "es-define-property": "^1.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-proto": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", + "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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/he": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", + "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", + "dev": true, + "bin": { + "he": "bin/he" + } + }, + "node_modules/html-encoding-sniffer": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz", + "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==", + "dev": true, + "dependencies": { + "whatwg-encoding": "^2.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/http-proxy": { + "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", + "dev": true, + "dependencies": { + "eventemitter3": "^4.0.0", + "follow-redirects": "^1.0.0", + "requires-port": "^1.0.0" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/http-response-object": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/http-response-object/-/http-response-object-3.0.2.tgz", + "integrity": "sha512-bqX0XTF6fnXSQcEJ2Iuyr75yVakyjIDCqroJQ/aHfSdlM743Cwqoi2nDYMzLGWUcuTWGWy8AAvOKXTfiv6q9RA==", + "dev": true, + "peer": true, + "dependencies": { + "@types/node": "^10.0.3" + } + }, + "node_modules/http-response-object/node_modules/@types/node": { + "version": "10.17.60", + "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.60.tgz", + "integrity": "sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==", + "dev": true, + "peer": true + }, + "node_modules/http-server": { + "version": "14.1.1", + "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz", + "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==", + "dev": true, + "dependencies": { + "basic-auth": "^2.0.1", + "chalk": "^4.1.2", + "corser": "^2.0.1", + "he": "^1.2.0", + "html-encoding-sniffer": "^3.0.0", + "http-proxy": "^1.18.1", + "mime": "^1.6.0", + "minimist": "^1.2.6", + "opener": "^1.5.1", + "portfinder": "^1.0.28", + "secure-compare": "3.0.1", + "union": "~0.5.0", + "url-join": "^4.0.1" + }, + "bin": { + "http-server": "bin/http-server" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/https-proxy-agent": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", + "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", + "dev": true, + "peer": true, + "dependencies": { + "agent-base": "6", + "debug": "4" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/if-async": { + "version": "3.7.4", + "resolved": "https://registry.npmjs.org/if-async/-/if-async-3.7.4.tgz", + "integrity": "sha512-BFEH2mZyeF6KZKaKLVPZ0wMjIiWOdjvZ7zbx8ENec0qfZhJwKFbX/4jKM5LTKyJEc/GOqUKiiJ2IFKT9yWrZqA==", + "dev": true, + "peer": true + }, + "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==", + "dev": true, + "peer": 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, + "peer": true + }, + "node_modules/interpret": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", + "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==", + "dev": true, + "peer": true, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "peer": true, + "dependencies": { + "hasown": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==", + "dev": true, + "peer": true + }, + "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/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "peer": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "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, + "peer": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, + "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/object-inspect": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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, + "peer": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/opener": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz", + "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==", + "dev": true, + "bin": { + "opener": "bin/opener-bin.js" + } + }, + "node_modules/parse-cache-control": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-cache-control/-/parse-cache-control-1.0.1.tgz", + "integrity": "sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==", + "dev": true, + "peer": true + }, + "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, + "peer": 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, + "peer": true + }, + "node_modules/playwright": { + "version": "1.43.1", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.43.1.tgz", + "integrity": "sha512-V7SoH0ai2kNt1Md9E3Gwas5B9m8KR2GVvwZnAI6Pg0m3sh7UvgiYhRrhsziCmqMJNouPckiOhk8T+9bSAK0VIA==", + "dev": true, + "dependencies": { + "playwright-core": "1.43.1" + }, + "bin": { + "playwright": "cli.js" + }, + "engines": { + "node": ">=16" + }, + "optionalDependencies": { + "fsevents": "2.3.2" + } + }, + "node_modules/playwright-core": { + "version": "1.43.1", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.43.1.tgz", + "integrity": "sha512-EI36Mto2Vrx6VF7rm708qSnesVQKbxEWvPrfA1IPY6HgczBplDx7ENtx+K2n4kJ41sLLkuGfmb0ZLSSXlDhqPg==", + "dev": true, + "bin": { + "playwright-core": "cli.js" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/portfinder": { + "version": "1.0.32", + "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz", + "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==", + "dev": true, + "dependencies": { + "async": "^2.6.4", + "debug": "^3.2.7", + "mkdirp": "^0.5.6" + }, + "engines": { + "node": ">= 0.12.0" + } + }, + "node_modules/portfinder/node_modules/debug": { + "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", + "dev": true, + "dependencies": { + "ms": "^2.1.1" + } + }, + "node_modules/progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "dev": true, + "peer": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/qs": { + "version": "6.12.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz", + "integrity": "sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==", + "dev": true, + "dependencies": { + "side-channel": "^1.0.6" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "peer": true, + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/rechoir": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==", + "dev": true, + "peer": true, + "dependencies": { + "resolve": "^1.1.6" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/regedit": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/regedit/-/regedit-5.1.2.tgz", + "integrity": "sha512-pQpWqO/I40bMNoMO9kTQx3e5iK542kYcB/Z8X3Y7Hcri6ydc4KZ9ByUsEWFkBRMcwo+2irHuNK5s+pMGPr6VPw==", + "dev": true, + "peer": true, + "dependencies": { + "debug": "^4.1.0", + "if-async": "^3.7.4", + "stream-slicer": "0.0.6", + "through2": "^0.6.3" + } + }, + "node_modules/requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "dev": true + }, + "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, + "peer": 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/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "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" + } + ], + "peer": true + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "node_modules/secure-compare": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz", + "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==", + "dev": true + }, + "node_modules/semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "peer": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/set-function-length": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", + "dev": true, + "dependencies": { + "define-data-property": "^1.1.4", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "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/shelljs": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz", + "integrity": "sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==", + "dev": true, + "peer": true, + "dependencies": { + "glob": "^7.0.0", + "interpret": "^1.0.0", + "rechoir": "^0.6.2" + }, + "bin": { + "shjs": "bin/shjs" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/side-channel": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/stream-slicer": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/stream-slicer/-/stream-slicer-0.0.6.tgz", + "integrity": "sha512-QsY0LbweYE5L+e+iBQgtkM5WUIf7+kCMA/m2VULv8rEEDDnlDPsPvOHH4nli6uaZOKQEt64u65h0l/eeZo7lCw==", + "dev": true, + "peer": true + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "peer": true, + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "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, + "peer": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/through2": { + "version": "0.6.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", + "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==", + "dev": true, + "peer": true, + "dependencies": { + "readable-stream": ">=1.0.33-1 <1.1.0-0", + "xtend": ">=4.0.0 <4.1.0-0" + } + }, + "node_modules/through2/node_modules/readable-stream": { + "version": "1.0.34", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", + "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==", + "dev": true, + "peer": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" + } + }, + "node_modules/through2/node_modules/string_decoder": { + "version": "0.10.31", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==", + "dev": true, + "peer": true + }, + "node_modules/typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", + "dev": true, + "peer": true + }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, + "node_modules/union": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz", + "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==", + "dev": true, + "dependencies": { + "qs": "^6.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/url-join": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz", + "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==", + "dev": true + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true, + "peer": true + }, + "node_modules/whatwg-encoding": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz", + "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==", + "dev": true, + "dependencies": { + "iconv-lite": "0.6.3" + }, + "engines": { + "node": ">=12" + } + }, + "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/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, + "peer": true + }, + "node_modules/xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true, + "peer": true, + "engines": { + "node": ">=0.4" + } + }, + "node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true, + "peer": true + } + } +} diff --git a/screen-reader-test/package.json b/screen-reader-test/package.json new file mode 100644 index 0000000..c0a7002 --- /dev/null +++ b/screen-reader-test/package.json @@ -0,0 +1,18 @@ +{ + "name": "screen-reader-test", + "version": "0.0.0", + "type": "module", + "private": true, + "scripts": { + "preview": "npx http-server .", + "test:screen-reader:macos": "cross-env showcase=react-showcase npx playwright test --config=./playwright.screen-reader.mac.ts", + "test:screen-reader:windows": "cross-env showcase=react-showcase npx playwright test --config=./playwright.screen-reader.win.ts" + }, + "devDependencies": { + "@guidepup/playwright": "^0.13.2", + "@playwright/test": "1.43.1", + "@types/node": "^20.12.7", + "cross-env": "^7.0.3", + "http-server": "14.1.1" + } +} diff --git a/screen-reader-test/playwright.screen-reader.mac.ts b/screen-reader-test/playwright.screen-reader.mac.ts new file mode 100644 index 0000000..198d617 --- /dev/null +++ b/screen-reader-test/playwright.screen-reader.mac.ts @@ -0,0 +1,23 @@ +import { devices, type PlaywrightTestConfig } from "@playwright/test"; +import defaultScreenReaderConfig from "./playwright.screen-reader"; + +const config: PlaywrightTestConfig = { + ...defaultScreenReaderConfig, + snapshotPathTemplate: "{snapshotDir}/{testFileDir}/macos/{projectName}/{testName}{ext}", + projects: [ + { + name: "webkit", + use: { ...devices["Desktop Safari"], headless: false }, + }, + { + name: "chromium", + use: { ...devices["Desktop Chrome"], headless: false }, + }, + { + name: "firefox", + use: { ...devices["Desktop Firefox"], headless: false }, + }, + ], +}; + +export default config; diff --git a/screen-reader-test/playwright.screen-reader.ts b/screen-reader-test/playwright.screen-reader.ts new file mode 100644 index 0000000..6218879 --- /dev/null +++ b/screen-reader-test/playwright.screen-reader.ts @@ -0,0 +1,15 @@ +import { screenReaderConfig } from "@guidepup/playwright"; +import { devices, type PlaywrightTestConfig } from "@playwright/test"; +import showcaseConfig from "./playwright.showcase"; + +const defaultScreenReaderConfig: PlaywrightTestConfig = { + ...screenReaderConfig, + ...showcaseConfig, + retries: process.env.CI ? 2 : 0, + reportSlowTests: null, + testDir: "./screen-reader/tests", + snapshotDir: "./screen-reader/__snapshots__", + timeout: 3 * 60 * 1000, +}; + +export default defaultScreenReaderConfig; diff --git a/screen-reader-test/playwright.screen-reader.win.ts b/screen-reader-test/playwright.screen-reader.win.ts new file mode 100644 index 0000000..2c1d17b --- /dev/null +++ b/screen-reader-test/playwright.screen-reader.win.ts @@ -0,0 +1,20 @@ +import { devices, type PlaywrightTestConfig } from "@playwright/test"; +import defaultScreenReaderConfig from "./playwright.screen-reader"; + +const config: PlaywrightTestConfig = { + ...defaultScreenReaderConfig, + snapshotPathTemplate: + "{snapshotDir}/{testFileDir}/windows/{projectName}/{testName}{ext}", + projects: [ + { + name: "chromium", + use: { ...devices["Desktop Chrome"], headless: false }, + }, + { + name: "firefox", + use: { ...devices["Desktop Firefox"], headless: false }, + } + ], +}; + +export default config; diff --git a/screen-reader-test/playwright.showcase.ts b/screen-reader-test/playwright.showcase.ts new file mode 100644 index 0000000..33c8a54 --- /dev/null +++ b/screen-reader-test/playwright.showcase.ts @@ -0,0 +1,25 @@ +import { type PlaywrightTestConfig } from "@playwright/test"; + +const showcaseConfig: PlaywrightTestConfig = { + /* Retry on CI only */ + retries: process.env.CI ? 1 : 0, + use: { + /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */ + actionTimeout: 0, + /* Base URL to use in actions like `await page.goto('/')`. */ + baseURL: `http://localhost:8080/${process.env.showcase}/`, + + /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ + trace: process.env.CI ? "on-first-retry" : "on", + }, + webServer: { + command: `npm run preview`, + port: 8080, + reuseExistingServer: !process.env.CI, + }, + + /* Folder for test artifacts such as screenshots, videos, traces, etc. */ + outputDir: `./${process.env.showcase}/test-results/`, +}; + +export default showcaseConfig; diff --git a/screen-reader-test/react-showcase/assets/db-ux-B3HsCA4b.woff2 b/screen-reader-test/react-showcase/assets/db-ux-B3HsCA4b.woff2 new file mode 100644 index 0000000..4f64f1a Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-B3HsCA4b.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-BTnJl5vd.woff2 b/screen-reader-test/react-showcase/assets/db-ux-BTnJl5vd.woff2 new file mode 100644 index 0000000..4ac16bf Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-BTnJl5vd.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-BV074thZ.woff2 b/screen-reader-test/react-showcase/assets/db-ux-BV074thZ.woff2 new file mode 100644 index 0000000..144486a Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-BV074thZ.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-Biu8Usso.woff2 b/screen-reader-test/react-showcase/assets/db-ux-Biu8Usso.woff2 new file mode 100644 index 0000000..9077579 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-Biu8Usso.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-BpE-PBJ8.woff2 b/screen-reader-test/react-showcase/assets/db-ux-BpE-PBJ8.woff2 new file mode 100644 index 0000000..d407b0e Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-BpE-PBJ8.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-BsEDMDji.woff2 b/screen-reader-test/react-showcase/assets/db-ux-BsEDMDji.woff2 new file mode 100644 index 0000000..4711799 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-BsEDMDji.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-BvHSX77U.woff2 b/screen-reader-test/react-showcase/assets/db-ux-BvHSX77U.woff2 new file mode 100644 index 0000000..e97e675 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-BvHSX77U.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-ByDBOSdG.woff2 b/screen-reader-test/react-showcase/assets/db-ux-ByDBOSdG.woff2 new file mode 100644 index 0000000..6e36ce8 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-ByDBOSdG.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-ByZ7G452.woff2 b/screen-reader-test/react-showcase/assets/db-ux-ByZ7G452.woff2 new file mode 100644 index 0000000..461a4bb Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-ByZ7G452.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-CFvnjn8Z.woff2 b/screen-reader-test/react-showcase/assets/db-ux-CFvnjn8Z.woff2 new file mode 100644 index 0000000..1656d27 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-CFvnjn8Z.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-CO6suDzj.woff2 b/screen-reader-test/react-showcase/assets/db-ux-CO6suDzj.woff2 new file mode 100644 index 0000000..28191fd Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-CO6suDzj.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-CnW-2H2g.woff2 b/screen-reader-test/react-showcase/assets/db-ux-CnW-2H2g.woff2 new file mode 100644 index 0000000..ead4de6 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-CnW-2H2g.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-DMr48U1C.woff2 b/screen-reader-test/react-showcase/assets/db-ux-DMr48U1C.woff2 new file mode 100644 index 0000000..b1c3d39 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-DMr48U1C.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-DQRQ3vXc.woff2 b/screen-reader-test/react-showcase/assets/db-ux-DQRQ3vXc.woff2 new file mode 100644 index 0000000..096f5e1 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-DQRQ3vXc.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-DR4yYsvh.woff2 b/screen-reader-test/react-showcase/assets/db-ux-DR4yYsvh.woff2 new file mode 100644 index 0000000..c4af094 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-DR4yYsvh.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-O-_QIidN.woff2 b/screen-reader-test/react-showcase/assets/db-ux-O-_QIidN.woff2 new file mode 100644 index 0000000..10b877f Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-O-_QIidN.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-s95Sdx-C.woff2 b/screen-reader-test/react-showcase/assets/db-ux-s95Sdx-C.woff2 new file mode 100644 index 0000000..cd3eb44 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-s95Sdx-C.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-vNwj8GFq.woff2 b/screen-reader-test/react-showcase/assets/db-ux-vNwj8GFq.woff2 new file mode 100644 index 0000000..8a2c95f Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-vNwj8GFq.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/db-ux-vSEiHAp9.woff2 b/screen-reader-test/react-showcase/assets/db-ux-vSEiHAp9.woff2 new file mode 100644 index 0000000..fe4d8cc Binary files /dev/null and b/screen-reader-test/react-showcase/assets/db-ux-vSEiHAp9.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreenhead-black-RWR49yke.woff2 b/screen-reader-test/react-showcase/assets/dbscreenhead-black-RWR49yke.woff2 new file mode 100644 index 0000000..13d7cf0 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreenhead-black-RWR49yke.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreenhead-light-BIDOBviW.woff2 b/screen-reader-test/react-showcase/assets/dbscreenhead-light-BIDOBviW.woff2 new file mode 100644 index 0000000..f591e61 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreenhead-light-BIDOBviW.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreenhead-regular-CLI4yzHf.woff2 b/screen-reader-test/react-showcase/assets/dbscreenhead-regular-CLI4yzHf.woff2 new file mode 100644 index 0000000..fe4e0f0 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreenhead-regular-CLI4yzHf.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreensans-bold-BLNtzPaU.woff2 b/screen-reader-test/react-showcase/assets/dbscreensans-bold-BLNtzPaU.woff2 new file mode 100644 index 0000000..e486120 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreensans-bold-BLNtzPaU.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreensans-digitalregular-DMrcXJge.woff2 b/screen-reader-test/react-showcase/assets/dbscreensans-digitalregular-DMrcXJge.woff2 new file mode 100644 index 0000000..8e6dc1f Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreensans-digitalregular-DMrcXJge.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreensans-medium-B8yCaq60.woff2 b/screen-reader-test/react-showcase/assets/dbscreensans-medium-B8yCaq60.woff2 new file mode 100644 index 0000000..1553b3e Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreensans-medium-B8yCaq60.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreensans-regular-DSRfBHsE.woff2 b/screen-reader-test/react-showcase/assets/dbscreensans-regular-DSRfBHsE.woff2 new file mode 100644 index 0000000..96d5845 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreensans-regular-DSRfBHsE.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/dbscreensans-semibold-DMJOmqk1.woff2 b/screen-reader-test/react-showcase/assets/dbscreensans-semibold-DMJOmqk1.woff2 new file mode 100644 index 0000000..179cfa9 Binary files /dev/null and b/screen-reader-test/react-showcase/assets/dbscreensans-semibold-DMJOmqk1.woff2 differ diff --git a/screen-reader-test/react-showcase/assets/images/db_logo.svg b/screen-reader-test/react-showcase/assets/images/db_logo.svg new file mode 100644 index 0000000..02278be --- /dev/null +++ b/screen-reader-test/react-showcase/assets/images/db_logo.svg @@ -0,0 +1,4 @@ + diff --git a/screen-reader-test/react-showcase/assets/images/placeholder.jpg b/screen-reader-test/react-showcase/assets/images/placeholder.jpg new file mode 100644 index 0000000..7db984f Binary files /dev/null and b/screen-reader-test/react-showcase/assets/images/placeholder.jpg differ diff --git a/screen-reader-test/react-showcase/assets/index-BnBsLkQP.css b/screen-reader-test/react-showcase/assets/index-BnBsLkQP.css new file mode 100644 index 0000000..936bb16 --- /dev/null +++ b/screen-reader-test/react-showcase/assets/index-BnBsLkQP.css @@ -0,0 +1 @@ +@charset "UTF-8";:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-input[data-variant=hidden] label,.db-select[data-variant=hidden] label,.db-textarea[data-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap}.db-badge[data-emphasis=strong],.db-badge[data-semantic=critical],.db-badge[data-semantic=critical][data-emphasis=strong],.db-badge[data-semantic=informational],.db-badge[data-semantic=informational][data-emphasis=strong],.db-badge[data-semantic=neutral],.db-badge[data-semantic=neutral][data-emphasis=strong],.db-badge[data-semantic=successful],.db-badge[data-semantic=successful][data-emphasis=strong],.db-badge[data-semantic=warning],.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],:root,blockquote,code,pre:has(code){background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-badge[data-emphasis=strong]:after,.db-badge[data-emphasis=strong]:before,.db-badge[data-semantic=critical]:after,.db-badge[data-semantic=critical]:before,.db-badge[data-semantic=critical][data-emphasis=strong]:after,.db-badge[data-semantic=critical][data-emphasis=strong]:before,.db-badge[data-semantic=informational]:after,.db-badge[data-semantic=informational]:before,.db-badge[data-semantic=informational][data-emphasis=strong]:after,.db-badge[data-semantic=informational][data-emphasis=strong]:before,.db-badge[data-semantic=neutral]:after,.db-badge[data-semantic=neutral]:before,.db-badge[data-semantic=neutral][data-emphasis=strong]:after,.db-badge[data-semantic=neutral][data-emphasis=strong]:before,.db-badge[data-semantic=successful]:after,.db-badge[data-semantic=successful]:before,.db-badge[data-semantic=successful][data-emphasis=strong]:after,.db-badge[data-semantic=successful][data-emphasis=strong]:before,.db-badge[data-semantic=warning]:after,.db-badge[data-semantic=warning]:before,.db-badge[data-semantic=warning][data-emphasis=strong]:after,.db-badge[data-semantic=warning][data-emphasis=strong]:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):before,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,:root:after,:root:before,blockquote:after,blockquote:before,code:after,code:before,pre:has(code):after,pre:has(code):before{color:var(--db-current-icon-color,inherit)}.db-badge[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],code,pre:has(code){--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var(--db-neutral-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var(--db-neutral-contrast-high-hover);--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var(--db-neutral-contrast-high-enabled)}.db-badge[data-semantic=neutral],.db-notification[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,blockquote{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=neutral],[data-emphasis=weak].db-tag[data-semantic=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,blockquote[data-emphasis=weak]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}blockquote{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-badge[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var(--db-critical-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var(--db-critical-contrast-high-hover);--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var(--db-critical-contrast-high-enabled)}.db-badge[data-semantic=critical],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid),.db-input:has(input[data-custom-validity=invalid]),.db-notification[data-semantic=critical],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid),.db-select:has(select[data-custom-validity=invalid]),.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=critical],[data-emphasis=weak].db-tag[data-semantic=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong]{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var(--db-successful-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var(--db-successful-contrast-high-hover);--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var(--db-successful-contrast-high-enabled)}.db-badge[data-semantic=successful],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid),.db-input:has(input[data-custom-validity=valid]),.db-notification[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid),.db-select:has(select[data-custom-validity=valid]),.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=successful],[data-emphasis=weak].db-tag[data-semantic=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong]{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var(--db-warning-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var(--db-warning-contrast-high-hover);--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var(--db-warning-contrast-high-enabled)}.db-badge[data-semantic=warning],.db-notification[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=warning],[data-emphasis=weak].db-tag[data-semantic=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var(--db-informational-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var(--db-informational-contrast-high-hover);--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var(--db-informational-contrast-high-enabled)}.db-badge[data-semantic=informational],.db-notification[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=informational],[data-emphasis=weak].db-tag[data-semantic=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-density-expressive,[data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-desktop-headline-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional]{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-desktop-headline-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional]{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}.db-density-expressive,[data-density=expressive]{--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional]{--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-density-expressive,.db-density-functional,.db-density-regular,.db-header-meta-navigation,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=expressive],[data-density=functional],[data-density=regular]{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md)}.db-input input,.db-input[data-variant=floating] label,.db-notification a[data-size=small],.db-select [id$=-placeholder],.db-select select,.db-select[data-variant=floating] label,.db-textarea textarea,.db-textarea[data-variant=floating] label{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-infotext,.db-input,.db-input[data-variant=floating] [id$=-placeholder],.db-input[data-variant=floating] input,.db-link[data-size=small],.db-notification span,.db-radio[data-size=small],.db-select,.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select,.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea,.db-tooltip,code,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-textarea label{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs)}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:300;src:url(/react-showcase/assets/dbscreensans-digitalregular-DMrcXJge.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:url(/react-showcase/assets/dbscreensans-regular-DSRfBHsE.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:url(/react-showcase/assets/dbscreensans-medium-B8yCaq60.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:url(/react-showcase/assets/dbscreensans-semibold-DMJOmqk1.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:url(/react-showcase/assets/dbscreensans-bold-BLNtzPaU.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:url(/react-showcase/assets/dbscreenhead-light-BIDOBviW.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:url(/react-showcase/assets/dbscreenhead-regular-CLI4yzHf.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:url(/react-showcase/assets/dbscreenhead-black-RWR49yke.woff2) format("woff2")}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-straight-emotional)}.db-link,.db-notification a{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-straight-emotional)}@keyframes show-right-to-left{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes hide-right-to-left{0%{transform:translate(0)}to{transform:translate(110%)}}@keyframes show-left-to-right{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes hide-left-to-right{0%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-2xs) solid var(--db-informational-contrast-high-enabled);outline-offset:var(--db-border-height-xs);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab-item input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"โ€ขย ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1[data-variant=regular],h2[data-variant=regular],h3[data-variant=regular],h4[data-variant=regular],h5[data-variant=regular],h6[data-variant=regular]{font-weight:400}h1{font-size:var(--db-type-headline-font-size-xl);line-height:var(--db-type-headline-line-height-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xl);--db-icon-font-weight:var(--db-base-headline-icon-weight-xl)}h2{font-size:var(--db-type-headline-font-size-lg);line-height:var(--db-type-headline-line-height-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-lg);--db-icon-font-weight:var(--db-base-headline-icon-weight-lg)}h3{font-size:var(--db-type-headline-font-size-md);line-height:var(--db-type-headline-line-height-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-md);--db-icon-font-weight:var(--db-base-headline-icon-weight-md)}h4{font-size:var(--db-type-headline-font-size-sm);line-height:var(--db-type-headline-line-height-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-sm);--db-icon-font-weight:var(--db-base-headline-icon-weight-sm)}h5{font-size:var(--db-type-headline-font-size-xs);line-height:var(--db-type-headline-line-height-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-xs)}h6{font-size:var(--db-type-headline-font-size-2xs);line-height:var(--db-type-headline-line-height-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-2xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-2xs)}p{margin-block:var(--db-spacing-fixed-md)}strong{font-weight:700}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold]{font-weight:700}[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer;transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--db-elevation-lg);cursor:pointer}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]){box-shadow:var(--db-elevation-sm);cursor:pointer}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@supports (content:""/""){.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-3xs) solid var(--db-current-color-enabled)}.db-button[data-variant=brand],.db-button[data-variant=filled],.db-button[data-variant=ghost],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-3xs) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-badge,.db-card,.db-input input,.db-notification,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-3xs) solid var(--db-current-color-border)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-xs)}.db-card,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-sm))}.db-badge,.db-button,.db-tag{align-items:center;display:inline-flex;font-weight:700;justify-content:center;text-align:center;white-space:nowrap}.db-button{block-size:var(--db-sizing-md);color:var(--db-current-color-enabled);inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-pressed);cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-no-text=true]{font-size:0!important;inline-size:var(--db-sizing-md);padding:0}.db-button[data-no-text=true]:before{--db-icon-margin-end:0;margin:auto}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not([data-no-text=true]){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not([data-no-text=true]):before{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small][data-no-text=true]{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=brand]{--db-current-icon-color:var(--db-brand-on-enabled);background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-brand-origin-hover);cursor:pointer}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-brand-origin-pressed);cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:not([data-variant]),.db-button[data-variant=ghost],.db-button[data-variant=outlined]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-button[data-variant=filled]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-button:disabled{opacity:.4}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports (-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-navigation>menu .db-navigation-item:after,.db-tabs .db-tab-item:after{border-radius:var(--db-border-radius-xs);content:"";position:absolute;transition:height var(--db-transition-duration-fast) var(--db-transition-timing-emotional),width var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}.db-navigation>menu .db-navigation-item:after{background-color:var(--db-brand-origin-enabled);block-size:0;inline-size:var(--db-border-height-xs);inset-block-end:auto;inset-block-start:50%;inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translateY(-50%)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:after{background-color:var(--db-brand-origin-enabled);block-size:var(--db-border-height-xs);inline-size:0;inset-block-end:calc(var(--db-spacing-fixed-xs)*-1);inset-block-start:auto;inset-inline-start:50%;transform:translate(-50%)}}.db-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-xs)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-xs);inline-size:100%}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"chevron_down";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{pointer-events:none;transition:transform var(--db-transition-straight-emotional)}.db-checkbox .db-infotext,.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{margin-block-start:var(--db-spacing-fixed-2xs)}.db-checkbox .db-infotext:is([data-semantic],:empty),.db-input .db-infotext:is([data-semantic],:empty),.db-select .db-infotext:is([data-semantic],:empty),.db-textarea .db-infotext:is([data-semantic],:empty){display:none}.db-tab-item{border-radius:var(--db-border-radius-sm);display:inline-flex;list-style-type:none;position:relative}.db-tab-item:has(input:disabled){opacity:.4}.db-tab-item label{align-items:center;background-color:var(--db-current-color-bg-transparent-full-enabled);border:none;border-radius:var(--db-border-radius-sm);display:inline-block;overflow:hidden;padding:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(:not(input:disabled)){background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(input:disabled){cursor:auto}.db-tab-item label:has(input:checked){font-weight:700}.db-tab-item label[data-icon]{padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-base-font-size)*var(--db-base-line-height))}.db-tab-item label[data-icon]:before{inset-block-start:50%;inset-inline-start:calc(var(--db-spacing-fixed-xs));position:absolute;transform:translateY(-50%)}.db-tab-item label[data-icon-after]{padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-base-font-size)*var(--db-base-line-height))}.db-tab-item label[data-icon-after]:after{inset-block-start:50%;inset-inline-end:calc(var(--db-spacing-fixed-xs));position:absolute;transform:translateY(-50%)}.db-tab-item label[data-no-text=true]{block-size:calc(var(--db-base-font-size)*var(--db-base-line-height) + var(--db-spacing-fixed-xs));font-size:0!important;inline-size:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + var(--db-base-font-size)*var(--db-base-line-height) - var(--db-spacing-fixed-2xs));padding:0}.db-tab-item label[data-no-text=true]:before{--db-icon-margin-end:0;margin-inline-end:0}.db-tab-item input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-sm);inline-size:100%;top:0;right:0;bottom:0;left:0;margin-inline-end:0;position:absolute;z-index:-1}.db-tab-item input:focus-visible:is(input[type=radio]){box-shadow:none;outline:none}.db-tab-item input:focus-visible:before{border-radius:var(--db-border-radius-sm);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:10}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-color-border);block-size:var(--db-border-height-3xs);inline-size:100%;position:relative}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider:not([data-variant=vertical]):before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-start:0;inset-inline:0;position:absolute}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-color-border);block-size:100%;inline-size:var(--db-border-height-3xs);position:relative}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider[data-variant=vertical]:before{background-color:var(--db-divider-bg-color);content:"";inline-size:var(--db-border-height-3xs);inset-block:0;inset-inline-start:0;position:absolute}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-card:not([data-spacing]),.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-card[data-spacing=none]{padding:0}.db-card:not([data-elevation-level]),.db-card[data-elevation-level="1"]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-1-hover);cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-1-pressed);cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-2-hover);cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-2-pressed);cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-3-hover);cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-3-pressed);cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);display:flex;flex-direction:column;position:relative}.db-input[data-variant=floating] label{inset-block-start:calc((var(--db-sizing-md) - var(--db-base-font-size)*var(--db-base-line-height))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm));opacity:.4;position:absolute;z-index:2}.db-input[data-variant=floating]:after,.db-input[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-base-font-size)*var(--db-base-line-height)/2)}.db-input[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input{padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input+[id$=-placeholder],.db-input[data-variant=floating] input::placeholder{opacity:0;transition:none}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{opacity:.4;transition:opacity var(--db-transition-straight-emotional)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) input{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=valid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=valid]) input{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) input{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=invalid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=invalid]) input{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);inline-size:100%;max-inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:.4}.db-input input:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input input:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input label{cursor:text;max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;text-overflow:ellipsis;transition:font-size var(--db-transition-straight-emotional);white-space:nowrap}.db-input[data-variant=hidden] label{padding:0}.db-input:has(input:disabled){opacity:.4;pointer-events:none}.db-input:after,.db-input:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + var(--db-type-body-font-size-xs)*var(--db-type-body-line-height-xs)*var(--db-label-visible-height, 1) - 1px);pointer-events:none;position:absolute}.db-input:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-input:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(var(--db-base-font-size)*var(--db-base-line-height) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(var(--db-base-font-size)*var(--db-base-line-height) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"magnifying_glass";margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cross_circle";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-input:has(input[type=search]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=time]):after{--db-icon-after:"clock";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-input:has(input[type=time]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;block-size:var(--db-icon-font-size,1.5rem);cursor:pointer;inline-size:var(--db-icon-font-size,1.5rem);padding:0}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;inset-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-border-height-3xs));position:absolute}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand{align-items:center;display:flex;font-weight:700;gap:var(--db-spacing-fixed-md)}.db-brand:before{--db-icon-font-size:var(--db-sizing-md);--db-icon-margin-end:0;--db-current-icon-color:var(--db-brand-origin-enabled)}.db-brand img{inline-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs));max-block-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs))}.db-brand a,a:has(.db-brand){text-decoration:none}.db-header{background-color:var(--db-current-color-bg-lvl-1-enabled);border-block-end:var(--db-border-height-3xs) solid var(--db-current-color-border);display:flex;flex-direction:column;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem);position:relative}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{align-items:center;display:flex;gap:var(--db-spacing-fixed-xs);inline-size:100%;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);position:relative}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-color-border);background-color:var(--db-current-color-bg-lvl-2-enabled);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md);position:relative}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-meta-navigation:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-start:0;inset-inline:0;position:absolute}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{flex-direction:row;margin:0;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md)}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{align-items:center;block-size:100%;display:inherit;flex:1 1 auto;gap:inherit;inline-size:100%}@media screen and (min-width:64em){.db-header-navigation-container:not([data-force-mobile]),.db-header-navigation-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-navigation-container:not([data-force-mobile])[data-emphasis=strong],.db-header-navigation-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-navigation-container:not([data-force-mobile]):before,.db-header-navigation-container[data-force-mobile=false]:before{background-color:var(--db-divider-bg-color);block-size:100%;content:"";inline-size:var(--db-border-height-3xs);inset-block:0;inset-inline-start:0;margin-inline-start:var(--db-spacing-fixed-sm);position:absolute;position:inherit}}.db-header-call-to-action{margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}.db-header-action-container{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-container:before{background-color:var(--db-divider-bg-color);content:"";inline-size:var(--db-border-height-3xs);inset-block:0;inset-inline-start:0;position:absolute}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{block-size:100%;position:inherit}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0;gap:inherit}.db-header-action-bar{--db-divider-bg-color:var(--db-current-color-border);flex:0 1 auto;flex-grow:0;flex-shrink:0;padding-block-start:var(--db-spacing-fixed-xs);position:relative}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-bar:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-start:0;inset-inline:0;position:absolute}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{block-size:100%;display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:auto}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));padding-block-end:0}.db-header-drawer .db-drawer-content{block-size:100%;display:flex;flex-direction:column;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-straight-emotional)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;display:flex;flex-direction:column;min-block-size:100%}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%;overflow:auto}.db-link,.db-link a,.db-notification a{block-size:var(--db-sizing-sm);display:inline-block}.db-link,.db-notification a,.db-notification a[data-variant=brand]{color:var(--db-current-color-enabled)}.db-link:hover:not(:disabled):not([aria-disabled=true]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]){color:color-mix(in srgb,transparent 25%,var(--db-current-color-enabled));cursor:pointer}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]),.db-notification a:active:not(:disabled):not([aria-disabled=true]){color:color-mix(in srgb,transparent 50%,var(--db-current-color-enabled));cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link,.db-notification a{inline-size:fit-content;text-decoration-thickness:.0625rem;text-underline-position:from-font;white-space:nowrap}.db-link:focus-visible,.db-notification a:focus-visible{border-radius:var(--db-border-radius-xs)}.db-notification a[aria-disabled=true],[aria-disabled=true].db-link{opacity:.4;pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_right";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link:not([data-variant=inline])[data-content=internal]:after{vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"arrow_up_right";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-link:not([data-variant=inline])[data-content=external]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=brand]{--db-current-color-enabled:var(--db-brand-contrast-high-enabled);--db-current-icon-color:var(--db-brand-contrast-high-enabled);color:var(--db-current-color-enabled)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-hover)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-pressed)}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-filled"}.db-infotext:not([data-icon]):before{--db-icon:"information_circle";margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext:not([data-semantic]),.db-infotext[data-semantic=adaptive]{color:var(--db-current-color-contrast-high-enabled)}.db-infotext:not([data-semantic]):before,.db-infotext[data-semantic=adaptive]:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-infotext[data-semantic=neutral]{color:var(--db-neutral-contrast-high-enabled)}.db-infotext[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=neutral]:before{--db-current-icon-color:var( --db-neutral-contrast-low-enabled )}.db-infotext[data-semantic=critical]{color:var(--db-critical-contrast-high-enabled)}.db-infotext[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-infotext[data-semantic=critical]:before{--db-current-icon-color:var( --db-critical-contrast-low-enabled )}.db-infotext[data-semantic=successful]{color:var(--db-successful-contrast-high-enabled)}.db-infotext[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-semantic=successful]:before{--db-current-icon-color:var( --db-successful-contrast-low-enabled )}.db-infotext[data-semantic=warning]{color:var(--db-warning-contrast-high-enabled)}.db-infotext[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-infotext[data-semantic=warning]:before{--db-current-icon-color:var( --db-warning-contrast-low-enabled )}.db-infotext[data-semantic=informational]{color:var(--db-informational-contrast-high-enabled)}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]:before{--db-current-icon-color:var( --db-informational-contrast-low-enabled )}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(h6){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(h6):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(h6),[data-icon].db-notification:has(h6),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(h6):has(.db-button),[data-icon].db-notification:has(h6):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay] a{display:none}.db-notification[data-variant=overlay]:has(span){grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span):has(h6){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(h6):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span):has(img),.db-notification[data-variant=overlay]:has(span)[data-icon],.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(h6),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification:not([data-variant=overlay]) span{display:none}.db-notification:has(a):not([data-link-variant=inline]):not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:has(a):not([data-link-variant=inline]):has(h6):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:has(a):not([data-link-variant=inline]):has(img):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:not([data-variant=overlay]){grid-template-areas:"content link";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content link close";grid-template-columns:1fr min-content min-content}.db-notification:has(a)[data-link-variant=inline]:has(h6):not([data-variant=overlay]){grid-template-areas:"head link" "content content";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(h6):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head link close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-areas:"icon head link" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head link close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(span) .db-button,.db-notification:has(span) h6,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-current-color-bg-lvl-2-enabled);display:grid;gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-notification a{grid-area:link;white-space:nowrap}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification h6{font-family:var(--db-font-family-sans);grid-area:head;margin:0}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md)}.db-notification span{grid-area:timestamp;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification:has(img) :before{content:none!important}.db-notification img,.db-notification:before,.db-notification[data-icon]:before{--db-icon-font-family:"db-ux-filled";--db-icon-margin-end:0;grid-area:icon}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after{content:"*";padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=valid]) label,.db-checkbox:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=invalid]) label,.db-checkbox:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input:disabled){opacity:.4}.db-checkbox label,.db-checkbox:is(label){align-items:center;display:flex;gap:var(--db-spacing-fixed-xs);position:relative}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--db-current-color-bg-transparent-full-enabled);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);inline-size:auto;justify-content:center;padding:0}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-pressed);cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-variant=hidden]{font-size:0}.db-checkbox[data-variant=hidden] input{margin-inline-end:0}@media (prefers-reduced-motion:reduce){.db-checkbox{transition-duration:.01s!important}}.db-checkbox input{border-radius:var(--db-border-radius-2xs)}.db-checkbox input:before{--db-icon-margin-end:0;inset-block:0;inset-inline:0;position:absolute}.db-checkbox input:checked{background-color:var(--db-current-color-enabled);border-width:0;color:var(--db-current-color-bg-enabled)}.db-checkbox input:checked:before{--db-icon:"check";margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-hover);cursor:pointer}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-pressed);cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:before{color:var(--db-current-color-bg-enabled)}.db-checkbox input:indeterminate:before{--db-icon:"minus";margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";padding-inline-start:var(--db-spacing-fixed-2xs)}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:valid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:valid) label,.db-radio:has(input:not([data-custom-validity]):required:valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=valid]) label,.db-radio:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:invalid) label,.db-radio:has(input:not([data-custom-validity]):required:invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=invalid]) label,.db-radio:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input:disabled){opacity:.4}.db-radio label,.db-radio:is(label){align-items:center;display:flex;gap:var(--db-spacing-fixed-xs);position:relative}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--db-current-color-bg-transparent-full-enabled);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);inline-size:auto;justify-content:center;padding:0}.db-radio input:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-pressed);cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-radio[data-variant=hidden]{font-size:0}.db-radio[data-variant=hidden] input{margin-inline-end:0}@media (prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-full);transition:border-width var(--db-transition-duration-fast) var(--db-transition-timing-functional)}.db-radio input:checked:not(:disabled):hover{background-color:var(--db-current-color-bg-enabled)}.db-radio input:checked:not([data-size=small]){border-width:calc((var(--db-base-font-size)*var(--db-base-line-height) - var(--db-sizing-2xs))/2)}.db-radio input:checked[data-size=small]{border-width:calc((var(--db-base-font-size)*var(--db-base-line-height) - var(--db-sizing-3xs))/2)}.db-badge[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);--db-current-color-enabled:var(--db-current-color-on-contrast-enabled);--db-current-color-bg-enabled:var(--db-current-color-contrast-high-enabled);--db-current-color-border:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-hover);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-pressed);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){background-color:var(--db-current-color-contrast-high-hover);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){background-color:var(--db-current-color-contrast-high-pressed);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);block-size:var(--db-sizing-sm);inline-size:fit-content;min-inline-size:var(--db-sizing-sm);padding-block:0}.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;position:absolute;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]){background-color:transparent;cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]){background-color:transparent;cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a{color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]){color:currentColor;cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]){color:currentColor;cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-3-hover);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-lvl-3-pressed);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-contrast-high-enabled);cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-contrast-high-enabled);cursor:pointer;cursor:default}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;margin-inline-start:0}.db-tag label:has(input:checked){border-width:var(--db-border-height-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{block-size:calc(100% + 2px);border:none;border-radius:inherit;inline-size:calc(100% + 2px);margin-inline-end:0;position:absolute;transform:translate(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-3xs))*-1))}.db-tag label input:checked,.db-tag label input:checked:not(:disabled):active,.db-tag label input:checked:not(:disabled):hover{background-color:var(--db-brand-bg-transparent-full-enabled)}.db-tag label input:checked:before{--db-icon:""}.db-tag a{align-items:center;display:inline-flex;text-decoration:none}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;border-radius:var(--db-border-radius-xs);padding:0 var(--db-spacing-fixed-2xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:.4;pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:var(--db-current-color-bg-transparent-full-enabled);block-size:100%;margin-inline-start:var(--db-spacing-fixed-2xs)}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color-enabled,var(--db-neutral-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color-enabled,var(--db-neutral-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{top:0;right:0;bottom:0;left:0;position:fixed;z-index:9995}dialog{border:0;color:inherit;margin:0;padding:0;z-index:9996}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-end-start-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-end-end-radius:var(--db-border-radius-sm);border-start-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:100%;box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;inline-size:100%;position:fixed}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-color-border);display:none;position:relative}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-drawer .db-drawer-container .db-drawer-header:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{font-weight:700;margin-block:auto}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}[data-icon].db-select{--db-form-has-before:1}.db-select{--db-form-component-padding-inline-end:calc(var(--db-base-font-size)*var(--db-base-line-height) + var(--db-spacing-fixed-sm));--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);display:flex;flex-direction:column;min-inline-size:calc(var(--db-sizing-md)*4 + var(--db-form-has-before)*var(--db-sizing-md));position:relative}.db-select[data-variant=floating] label{inset-block-start:calc((var(--db-sizing-md) - var(--db-base-font-size)*var(--db-base-line-height))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm));opacity:.4;position:absolute;z-index:2}.db-select[data-variant=floating]:after,.db-select[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-base-font-size)*var(--db-base-line-height)/2)}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select{padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select+[id$=-placeholder],.db-select[data-variant=floating] select::placeholder{opacity:0;transition:none}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{opacity:.4;transition:opacity var(--db-transition-straight-emotional)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);inline-size:100%;max-inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:.4}.db-select select:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select label{cursor:text;max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;text-overflow:ellipsis;transition:font-size var(--db-transition-straight-emotional);white-space:nowrap}.db-select[data-variant=hidden] label{padding:0}.db-select:has(select:disabled){opacity:.4;pointer-events:none}.db-select:after,.db-select:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + var(--db-type-body-font-size-xs)*var(--db-type-body-line-height-xs)*var(--db-label-visible-height, 1) - 1px);pointer-events:none;position:absolute}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));text-overflow:ellipsis}.db-select option{background-color:var(--db-current-color-bg-enabled)}.db-select[data-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{inline-size:calc(100% - var(--db-form-component-padding-inline-end) - var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)) - var(--db-spacing-fixed-sm));inset-block-start:calc((var(--db-type-body-font-size-xs)*var(--db-type-body-line-height-xs) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-density-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{align-items:center;background-color:var(--db-current-color-bg-transparent-full-enabled);border-radius:var(--db-border-radius-sm);cursor:pointer;display:inline-flex;inline-size:100%;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);text-align:center;white-space:nowrap}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-pressed);cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item a:has(~.db-sub-navigation:hover){background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item{--db-has-before:0;display:inline-flex;inline-size:100%;position:relative}.db-navigation-item[data-icon]:before{inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;position:absolute;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0ms linear 0ms;visibility:visible}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0ms linear .41s}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{animation:show-right-to-left var(--db-transition-straight-show);transition:visibility 0ms linear 0ms;visibility:visible}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{animation:hide-right-to-left var(--db-transition-straight-hide);transition:visibility 0ms linear .41s}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-sub-navigation{background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;flex-direction:column;inset-inline-start:0;margin:0;visibility:hidden;z-index:70}.db-sub-navigation[data-force-mobile=true]{inline-size:100%;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow-y:auto;padding:var(--db-spacing-fixed-md);position:fixed}@media screen and (max-width:63.9375em){.db-sub-navigation{inline-size:100%;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs));overflow-y:auto;padding:var(--db-spacing-fixed-md);position:fixed}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);inset-block-start:calc(100% + var(--db-spacing-fixed-md));min-inline-size:328px;padding:var(--db-spacing-fixed-sm);position:absolute;transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{inset-inline-start:100%;transform:translate(-100%)}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));content:"";inline-size:100%;inset-block-start:calc(var(--db-spacing-fixed-md)*-1 - var(--db-spacing-fixed-3xs));inset-inline-start:0;position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);transform:translate(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{block-size:100%;content:"";inline-size:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(var(--db-spacing-fixed-xs)*-1);padding:var(--db-spacing-fixed-xs);position:absolute}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-color-border);background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;font-weight:400;margin-block-end:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);position:relative}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-mobile-navigation-back:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-end:0;inset-inline:0;position:absolute}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:.5rem;border-start-end-radius:var(--db-border-radius-xs);inline-size:.5rem;z-index:3}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-current-color-bg-transparent-semi-enabled);background-position:50%;background-repeat:no-repeat;background-size:.5rem;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-type-body-font-size-2xs)*var(--db-type-body-line-height-2xs))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-textarea-scrollbar-button-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-textarea-scrollbar-button-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-full-enabled);background-image:var(--db-textarea-resizer-image);background-position:50%;background-repeat:no-repeat;background-size:.5rem;border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);display:flex;flex-direction:column;position:relative}.db-textarea[data-variant=floating] label{inset-block-start:calc((var(--db-sizing-md) - var(--db-base-font-size)*var(--db-base-line-height))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm));opacity:.4;position:absolute;z-index:2}.db-textarea[data-variant=floating]:after,.db-textarea[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-base-font-size)*var(--db-base-line-height)/2)}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] textarea{padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-type-body-font-size-2xs)*var(--db-type-body-line-height-2xs))}.db-textarea[data-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{opacity:0;transition:none}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{opacity:.4;transition:opacity var(--db-transition-straight-emotional)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) textarea{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=valid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=valid]) textarea{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=valid]){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) textarea{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea{caret-color:var(--db-successful-on-bg-enabled);color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=invalid]){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);inline-size:100%;max-inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:.4}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea label{cursor:text;max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;text-overflow:ellipsis;transition:font-size var(--db-transition-straight-emotional);white-space:nowrap}.db-textarea[data-variant=hidden] label{padding:0}.db-textarea:has(textarea:disabled){opacity:.4;pointer-events:none}.db-textarea:after,.db-textarea:before{inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + var(--db-type-body-font-size-xs)*var(--db-type-body-line-height-xs)*var(--db-label-visible-height, 1) - 1px);pointer-events:none;position:absolute}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before{background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-type-body-font-size-2xs)*var(--db-type-body-line-height-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute}.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after{background-color:var(--db-current-color-bg-transparent-semi-enabled);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-type-body-font-size-2xs)*var(--db-type-body-line-height-2xs));border-block-end:none;border-inline-end:none;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;z-index:1}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:not(:disabled):hover):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:not(:disabled):hover):after{background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:fit-content;border-radius:42px;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-color-border);margin-block-start:calc(var(--db-spacing-fixed-sm)*2);position:relative}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{background-color:var(--db-divider-bg-color);block-size:var(--db-border-height-3xs);content:"";inset-block-start:0;inset-block-start:calc(var(--db-spacing-fixed-sm)*-1);inset-inline:0;position:absolute}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{block-size:100%;border-radius:var(--db-border-radius-sm);content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}.db-accordion-item{border-radius:var(--db-border-radius-sm);inline-size:100%;position:relative}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-accordion-item summary{background-color:var(--db-current-color-bg-transparent-full-enabled);border-radius:var(--db-border-radius-sm);display:flex;gap:var(--db-spacing-fixed-md);justify-content:space-between;list-style:none;padding:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-hover);cursor:pointer}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--db-current-color-bg-transparent-pressed);cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-xs)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-straight-emotional) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-navigation{-webkit-tap-highlight-color:transparent;inline-size:100%}@media screen and (min-width:64em){.db-navigation:not([data-force-mobile]),.db-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-navigation>menu{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);margin:0;padding:0}@media screen and (min-width:64em){.db-navigation>menu:not([data-force-mobile]),.db-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"chevron_down";transition:transform var(--db-transition-straight-emotional)}.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{block-size:var(--db-popover-distance);inline-size:100%;inset-block-start:calc(var(--db-popover-distance)*-1);inset-inline-start:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{block-size:var(--db-popover-distance);inline-size:100%;inset-block-end:calc(var(--db-popover-distance)*-1);inset-inline-end:0}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{block-size:100%;inline-size:var(--db-popover-distance);inset-block-end:0;inset-inline-end:calc(var(--db-popover-distance)*-1)}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{block-size:100%;inline-size:var(--db-popover-distance);inset-block-start:0;inset-inline-start:calc(var(--db-popover-distance)*-1)}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{background-color:var(--db-current-color-bg-lvl-1-enabled);box-shadow:var(--db-elevation-md);position:absolute;visibility:hidden;white-space:nowrap;z-index:1}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);text-align:initial;white-space:normal}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-xs);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:var(--db-sizing-2xs);border-radius:0 2px;box-shadow:var(--db-elevation-md);clip-path:polygon(calc(var(--db-sizing-2xs)*-1) calc(var(--db-sizing-2xs)*-1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs)*-1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));content:"";inline-size:var(--db-sizing-2xs);position:absolute;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-block-start:0;inset-inline-start:50%;rotate:315deg;translate:-50% -50%}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-block-end:0;inset-inline-start:50%;rotate:135deg;translate:-50% 50%}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;rotate:225deg;translate:-50% -50%}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;rotate:45deg;translate:50% -50%}.db-tooltip[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);color:var(--db-current-color-on-contrast-enabled)}.db-tooltip[data-emphasis=strong],.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-current-color-contrast-high-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);margin:0;padding:0;scroll-behavior:smooth}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:after{background-color:var(--db-brand-origin-enabled);block-size:var(--db-border-height-xs);inline-size:0;inset-block-end:calc(var(--db-spacing-fixed-xs)*-1);inset-block-start:auto;inset-inline-start:50%;transform:translate(-50%)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:var(--db-border-height-xs);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{inset-block-end:calc((var(--db-spacing-fixed-2xs) + var(--db-border-height-xs))*-1)}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:after{background-color:var(--db-brand-origin-enabled);block-size:0;inline-size:var(--db-border-height-xs);inset-block-end:auto;inset-block-start:50%;inset-inline-start:calc(var(--db-spacing-fixed-xs)*-1);inset-inline-start:0;transform:translateY(-50%);z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before{background-color:var(--db-current-color-bg-transparent-semi-enabled);border-radius:var(--db-border-radius-xs);content:"";position:absolute}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{block-size:var(--db-border-height-xs);inset-block-start:calc(var(--db-spacing-fixed-xs)*3 + var(--db-spacing-fixed-2xs) + var(--db-base-font-size)*var(--db-base-line-height));inset-inline:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{inline-size:100%;overflow-x:auto;overflow-y:hidden}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item{margin-block-end:calc(var(--db-spacing-fixed-2xs)*2 + var(--db-border-height-xs));margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:first-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:first-of-type .db-tab-item{margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:last-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:last-of-type .db-tab-item{margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{margin-block-end:auto;max-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));min-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));padding-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover{inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{inline-size:var(--db-border-height-xs);inset-block:var(--db-spacing-fixed-xs);inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{block-size:100%;flex-direction:column}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-item,.db-tabs[data-orientation=vertical] .db-tab-item input{padding-inline-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab-item:first-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:first-of-type .db-tab-item{margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab-item:last-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:last-of-type .db-tab-item{margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab-item,.db-tabs[data-width=full] .db-tab-item label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab-item label{justify-content:center;text-align:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{background-color:var(--db-current-color-bg-enabled);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto;inline-size:var(--db-sizing-md);position:absolute;z-index:21}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-block:var(--db-spacing-fixed-xs);position:absolute;z-index:22}.db-tab-panel{display:none}db-accordion,db-accordion-item,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-navigation,db-navigation-item,db-notification,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tab-bar,db-tab-item,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbnavigation,dbnavigation-item,dbnotification,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabitem,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-notification,dbnotification{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}[data-color-scheme=dark]:after,[data-color-scheme=dark]:before,[data-color-scheme=light]:after,[data-color-scheme=light]:before{color:var(--db-current-icon-color,inherit)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:.125rem;--db-spacing-fixed-regular-2xs:.25rem;--db-spacing-fixed-regular-xs:.5rem;--db-spacing-fixed-regular-sm:.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:.125rem;--db-spacing-fixed-functional-2xs:.25rem;--db-spacing-fixed-functional-xs:.375rem;--db-spacing-fixed-functional-sm:.5rem;--db-spacing-fixed-functional-md:.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:.25rem;--db-spacing-fixed-expressive-2xs:.5rem;--db-spacing-fixed-expressive-xs:.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:.75rem;--db-sizing-regular-3xs:.5rem;--db-sizing-functional-3xs:.375rem;--db-sizing-functional-2xs:.625rem;--db-sizing-functional-xs:.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:.625rem;--db-sizing-expressive-2xs:.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-body-lg:28;--db-base-icon-font-size-regular-desktop-body-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-body-xl:32;--db-base-icon-font-size-regular-desktop-body-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-body-2xl:40;--db-base-icon-font-size-regular-desktop-body-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-body-md:24;--db-base-icon-font-size-regular-desktop-body-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:.875rem;--db-base-icon-weight-regular-desktop-body-sm:20;--db-base-icon-font-size-regular-desktop-body-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:.625rem;--db-base-icon-weight-regular-desktop-body-2xs:14;--db-base-icon-font-size-regular-desktop-body-2xs:.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:.75rem;--db-base-icon-weight-regular-desktop-body-xs:16;--db-base-icon-font-size-regular-desktop-body-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-lg:28;--db-base-icon-font-size-regular-mobile-body-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-body-md:24;--db-base-icon-font-size-regular-mobile-body-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:.875rem;--db-base-icon-weight-regular-mobile-body-sm:20;--db-base-icon-font-size-regular-mobile-body-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-xl:28;--db-base-icon-font-size-regular-mobile-body-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:.75rem;--db-base-icon-weight-regular-mobile-body-xs:16;--db-base-icon-font-size-regular-mobile-body-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-2xl:28;--db-base-icon-font-size-regular-mobile-body-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:.625rem;--db-base-icon-weight-regular-mobile-body-2xs:14;--db-base-icon-font-size-regular-mobile-body-2xs:.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-body-lg:28;--db-base-icon-font-size-regular-tablet-body-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-body-md:24;--db-base-icon-font-size-regular-tablet-body-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:.875rem;--db-base-icon-weight-regular-tablet-body-sm:20;--db-base-icon-font-size-regular-tablet-body-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-body-xl:32;--db-base-icon-font-size-regular-tablet-body-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:.75rem;--db-base-icon-weight-regular-tablet-body-xs:16;--db-base-icon-font-size-regular-tablet-body-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-body-2xl:40;--db-base-icon-font-size-regular-tablet-body-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:.625rem;--db-base-icon-weight-regular-tablet-body-2xs:14;--db-base-icon-font-size-regular-tablet-body-2xs:.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-body-lg:24;--db-base-icon-font-size-functional-desktop-body-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:.875rem;--db-base-icon-weight-functional-desktop-body-md:20;--db-base-icon-font-size-functional-desktop-body-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:.75rem;--db-base-icon-weight-functional-desktop-body-sm:16;--db-base-icon-font-size-functional-desktop-body-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-body-xl:28;--db-base-icon-font-size-functional-desktop-body-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:.625rem;--db-base-icon-weight-functional-desktop-body-xs:14;--db-base-icon-font-size-functional-desktop-body-xs:.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-body-2xl:32;--db-base-icon-font-size-functional-desktop-body-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:.625rem;--db-base-icon-weight-functional-desktop-body-2xs:14;--db-base-icon-font-size-functional-desktop-body-2xs:.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-body-lg:24;--db-base-icon-font-size-functional-tablet-body-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:.875rem;--db-base-icon-weight-functional-tablet-body-md:20;--db-base-icon-font-size-functional-tablet-body-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:.75rem;--db-base-icon-weight-functional-tablet-body-sm:16;--db-base-icon-font-size-functional-tablet-body-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-body-xl:28;--db-base-icon-font-size-functional-tablet-body-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:.625rem;--db-base-icon-weight-functional-tablet-body-xs:14;--db-base-icon-font-size-functional-tablet-body-xs:.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-body-2xl:32;--db-base-icon-font-size-functional-tablet-body-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:.625rem;--db-base-icon-weight-functional-tablet-body-2xs:14;--db-base-icon-font-size-functional-tablet-body-2xs:.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-body-lg:24;--db-base-icon-font-size-functional-mobile-body-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:.875rem;--db-base-icon-weight-functional-mobile-body-md:20;--db-base-icon-font-size-functional-mobile-body-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:.75rem;--db-base-icon-weight-functional-mobile-body-sm:16;--db-base-icon-font-size-functional-mobile-body-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-xl:24;--db-base-icon-font-size-functional-mobile-body-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:.625rem;--db-base-icon-weight-functional-mobile-body-xs:14;--db-base-icon-font-size-functional-mobile-body-xs:.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-2xl:24;--db-base-icon-font-size-functional-mobile-body-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:.625rem;--db-base-icon-weight-functional-mobile-body-2xs:14;--db-base-icon-font-size-functional-mobile-body-2xs:.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-body-lg:32;--db-base-icon-font-size-expressive-desktop-body-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-body-md:28;--db-base-icon-font-size-expressive-desktop-body-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-body-sm:24;--db-base-icon-font-size-expressive-desktop-body-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-body-xl:40;--db-base-icon-font-size-expressive-desktop-body-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:.875rem;--db-base-icon-weight-expressive-desktop-body-xs:20;--db-base-icon-font-size-expressive-desktop-body-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-body-2xl:48;--db-base-icon-font-size-expressive-desktop-body-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:.75rem;--db-base-icon-weight-expressive-desktop-body-2xs:16;--db-base-icon-font-size-expressive-desktop-body-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-body-lg:32;--db-base-icon-font-size-expressive-tablet-body-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-body-md:28;--db-base-icon-font-size-expressive-tablet-body-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-body-sm:24;--db-base-icon-font-size-expressive-tablet-body-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-body-xl:40;--db-base-icon-font-size-expressive-tablet-body-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:.875rem;--db-base-icon-weight-expressive-tablet-body-xs:20;--db-base-icon-font-size-expressive-tablet-body-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-body-2xl:48;--db-base-icon-font-size-expressive-tablet-body-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:.75rem;--db-base-icon-weight-expressive-tablet-body-2xs:16;--db-base-icon-font-size-expressive-tablet-body-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-lg:32;--db-base-icon-font-size-expressive-mobile-body-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-body-md:28;--db-base-icon-font-size-expressive-mobile-body-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-body-sm:24;--db-base-icon-font-size-expressive-mobile-body-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-xl:32;--db-base-icon-font-size-expressive-mobile-body-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:.875rem;--db-base-icon-weight-expressive-mobile-body-xs:20;--db-base-icon-font-size-expressive-mobile-body-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-2xl:32;--db-base-icon-font-size-expressive-mobile-body-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:.75rem;--db-base-icon-weight-expressive-mobile-body-2xs:16;--db-base-icon-font-size-expressive-mobile-body-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-3xs:.0625rem;--db-border-height-2xs:.125rem;--db-border-height-xs:.25rem;--db-border-height-sm:.375rem;--db-border-height-md:.5rem;--db-border-height-lg:.625rem;--db-border-height-xl:.75rem;--db-border-height-2xl:.875rem;--db-border-height-3xl:1rem;--db-border-radius-3xs:.0625rem;--db-border-radius-2xs:.125rem;--db-border-radius-xs:.25rem;--db-border-radius-sm:.5rem;--db-border-radius-md:.75rem;--db-border-radius-lg:1rem;--db-border-radius-xl:1.5rem;--db-border-radius-2xl:1.75rem;--db-border-radius-3xl:2rem;--db-border-radius-full:500rem;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-transition-duration-x-slow:.5s;--db-transition-duration-slow:.4s;--db-transition-duration-medium:.3s;--db-transition-duration-fast:.15s;--db-transition-duration-x-fast:75ms;--db-transition-timing-show:cubic-bezier(.49,.1,.16,1) normal both;--db-transition-timing-hide:cubic-bezier(.49,.1,.16,1) normal both;--db-transition-timing-emotional:cubic-bezier(.27,.05,.4,.95);--db-transition-timing-functional:cubic-bezier(.15,0,.45,1);--db-transition-straight-show:.5s cubic-bezier(.49,.1,.16,1) normal both;--db-transition-straight-hide:.4s cubic-bezier(.49,.1,.16,1) normal both;--db-transition-straight-emotional:.3s cubic-bezier(.27,.05,.4,.95);--db-transition-straight-functional:.3s cubic-bezier(.15,0,.45,1);--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-neutral-0:#070708;--db-neutral-1:#0d0e10;--db-neutral-2:#121315;--db-neutral-3:#1a1c1e;--db-neutral-4:#2e3134;--db-neutral-5:#44474c;--db-neutral-6:#5a5f65;--db-neutral-7:#72777f;--db-neutral-8:#8b919a;--db-neutral-9:#a6acb4;--db-neutral-10:#c3c7cc;--db-neutral-11:#e1e3e5;--db-neutral-12:#edeef0;--db-neutral-13:#f3f4f5;--db-neutral-14:#fff;--db-brand-0:#1a0000;--db-brand-1:#280001;--db-brand-2:#310001;--db-brand-3:#410002;--db-brand-4:#690004;--db-brand-5:#930009;--db-brand-6:#c00010;--db-brand-7:#ef0016;--db-brand-8:#ff5357;--db-brand-9:#ff888a;--db-brand-10:#ffb3b4;--db-brand-11:#ffdada;--db-brand-12:#ffe9e9;--db-brand-13:#fff0f0;--db-brand-14:#fff8f8;--db-brand-on-pressed-light:#edeef0;--db-brand-on-hover-light:#f3f4f5;--db-brand-on-light:#fff;--db-brand-origin-light:#ec0016;--db-brand-hover-light:#c00010;--db-brand-pressed-light:#930009;--db-brand-on-pressed-dark:#edeef0;--db-brand-on-hover-dark:#f3f4f5;--db-brand-on-dark:#fff;--db-brand-origin-dark:#ec0016;--db-brand-hover-dark:#ff5357;--db-brand-pressed-dark:#ff888a;--db-informational-0:#01080f;--db-informational-1:#011018;--db-informational-2:#021520;--db-informational-3:#041e2b;--db-informational-4:#0a3447;--db-informational-5:#124c66;--db-informational-6:#1b6586;--db-informational-7:#257fa8;--db-informational-8:#2e9acb;--db-informational-9:#38b6ef;--db-informational-10:#89cffa;--db-informational-11:#cae6fd;--db-informational-12:#e0f0fe;--db-informational-13:#ebf5fe;--db-informational-14:#f5faff;--db-warning-0:#100500;--db-warning-1:#190b00;--db-warning-2:#210f00;--db-warning-3:#2c1600;--db-warning-4:#4a2800;--db-warning-5:#693c00;--db-warning-6:#8a5100;--db-warning-7:#ad6600;--db-warning-8:#d17d00;--db-warning-9:#f69400;--db-warning-10:#ffb782;--db-warning-11:#ffdbc8;--db-warning-12:#ffeadf;--db-warning-13:#fff1ea;--db-warning-14:#fff8f5;--db-successful-0:#030900;--db-successful-1:#061100;--db-successful-2:#091701;--db-successful-3:#0f2001;--db-successful-4:#1d3702;--db-successful-5:#2d5005;--db-successful-6:#3d6a09;--db-successful-7:#4e850f;--db-successful-8:#60a114;--db-successful-9:#72bf1a;--db-successful-10:#85dd20;--db-successful-11:#99fc26;--db-successful-12:#c3ff9d;--db-successful-13:#d9ffc4;--db-successful-14:#edffe4;--db-critical-0:#1a0000;--db-critical-1:#280001;--db-critical-2:#310001;--db-critical-3:#410002;--db-critical-4:#690004;--db-critical-5:#930009;--db-critical-6:#c00010;--db-critical-7:#ef0016;--db-critical-8:#ff5357;--db-critical-9:#ff888a;--db-critical-10:#ffb3b4;--db-critical-11:#ffdada;--db-critical-12:#ffe9e9;--db-critical-13:#fff0f0;--db-critical-14:#fff8f8;--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==);--db-textarea-scrollbar-button-decrement:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K);--db-textarea-scrollbar-button-increment:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4yOTUgMTAuNDYzIDMuNzYxIDYuOTMxYTEgMSAwIDEgMSAxLjQxMy0xLjQxM2wyLjgyNSAyLjgyNSAyLjgyNS0yLjgyNWExIDEgMCAxIDEgMS40MTMgMS40MTNsLTMuNTMyIDMuNTMyYTEgMSAwIDAgMS0xLjQxMiAweiIvPjwvc3ZnPg==);color-scheme:light}@media (prefers-color-scheme:dark){:root{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==);--db-textarea-scrollbar-button-decrement:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K);--db-textarea-scrollbar-button-increment:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=);color-scheme:dark}}[data-color-scheme=light]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==);--db-textarea-scrollbar-button-decrement:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K);--db-textarea-scrollbar-button-increment:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4yOTUgMTAuNDYzIDMuNzYxIDYuOTMxYTEgMSAwIDEgMSAxLjQxMy0xLjQxM2wyLjgyNSAyLjgyNSAyLjgyNS0yLjgyNWExIDEgMCAxIDEgMS40MTMgMS40MTNsLTMuNTMyIDMuNTMyYTEgMSAwIDAgMS0xLjQxMiAweiIvPjwvc3ZnPg==);color-scheme:light}[data-color-scheme=dark]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==);--db-textarea-scrollbar-button-decrement:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K);--db-textarea-scrollbar-button-increment:url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=);color-scheme:dark}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/react-showcase/assets/db-ux-BvHSX77U.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/react-showcase/assets/db-ux-CO6suDzj.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/react-showcase/assets/db-ux-BV074thZ.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/react-showcase/assets/db-ux-s95Sdx-C.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/react-showcase/assets/db-ux-BsEDMDji.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/react-showcase/assets/db-ux-DMr48U1C.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/react-showcase/assets/db-ux-ByDBOSdG.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/react-showcase/assets/db-ux-vNwj8GFq.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/react-showcase/assets/db-ux-ByZ7G452.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/react-showcase/assets/db-ux-vSEiHAp9.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/react-showcase/assets/db-ux-DR4yYsvh.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/react-showcase/assets/db-ux-CnW-2H2g.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/react-showcase/assets/db-ux-CFvnjn8Z.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/react-showcase/assets/db-ux-CFvnjn8Z.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:400;src:url(/react-showcase/assets/db-ux-BTnJl5vd.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:16;src:url(/react-showcase/assets/db-ux-O-_QIidN.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:20;src:url(/react-showcase/assets/db-ux-Biu8Usso.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:24;src:url(/react-showcase/assets/db-ux-BpE-PBJ8.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:32;src:url(/react-showcase/assets/db-ux-B3HsCA4b.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:48;src:url(/react-showcase/assets/db-ux-B3HsCA4b.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:64;src:url(/react-showcase/assets/db-ux-DQRQ3vXc.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=filled]:after,[data-icon-variant-before=filled]:before,[data-icon-variant=filled]:before{--db-icon-font-family:"db-ux-filled"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-component,.db-brand-component-interactive,.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-component,.db-critical-component-interactive,.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-component,.db-informational-component-interactive,.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-component,.db-neutral-component-interactive,.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-component,.db-successful-component-interactive,.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-component,.db-warning-component-interactive{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-brand-bg [data-bg-weight="1"]:after,.db-brand-bg [data-bg-weight="1"]:before,.db-brand-bg [data-bg-weight="2"]:after,.db-brand-bg [data-bg-weight="2"]:before,.db-brand-bg [data-bg-weight="3"]:after,.db-brand-bg [data-bg-weight="3"]:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-bg:after,.db-brand-bg:before,.db-brand-component-interactive:after,.db-brand-component-interactive:before,.db-brand-component:after,.db-brand-component:before,.db-critical-bg [data-bg-weight="1"]:after,.db-critical-bg [data-bg-weight="1"]:before,.db-critical-bg [data-bg-weight="2"]:after,.db-critical-bg [data-bg-weight="2"]:before,.db-critical-bg [data-bg-weight="3"]:after,.db-critical-bg [data-bg-weight="3"]:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-bg:after,.db-critical-bg:before,.db-critical-component-interactive:after,.db-critical-component-interactive:before,.db-critical-component:after,.db-critical-component:before,.db-informational-bg [data-bg-weight="1"]:after,.db-informational-bg [data-bg-weight="1"]:before,.db-informational-bg [data-bg-weight="2"]:after,.db-informational-bg [data-bg-weight="2"]:before,.db-informational-bg [data-bg-weight="3"]:after,.db-informational-bg [data-bg-weight="3"]:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-bg:after,.db-informational-bg:before,.db-informational-component-interactive:after,.db-informational-component-interactive:before,.db-informational-component:after,.db-informational-component:before,.db-neutral-bg [data-bg-weight="1"]:after,.db-neutral-bg [data-bg-weight="1"]:before,.db-neutral-bg [data-bg-weight="2"]:after,.db-neutral-bg [data-bg-weight="2"]:before,.db-neutral-bg [data-bg-weight="3"]:after,.db-neutral-bg [data-bg-weight="3"]:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-bg:after,.db-neutral-bg:before,.db-neutral-component-interactive:after,.db-neutral-component-interactive:before,.db-neutral-component:after,.db-neutral-component:before,.db-successful-bg [data-bg-weight="1"]:after,.db-successful-bg [data-bg-weight="1"]:before,.db-successful-bg [data-bg-weight="2"]:after,.db-successful-bg [data-bg-weight="2"]:before,.db-successful-bg [data-bg-weight="3"]:after,.db-successful-bg [data-bg-weight="3"]:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-bg:after,.db-successful-bg:before,.db-successful-component-interactive:after,.db-successful-component-interactive:before,.db-successful-component:after,.db-successful-component:before,.db-warning-bg [data-bg-weight="1"]:after,.db-warning-bg [data-bg-weight="1"]:before,.db-warning-bg [data-bg-weight="2"]:after,.db-warning-bg [data-bg-weight="2"]:before,.db-warning-bg [data-bg-weight="3"]:after,.db-warning-bg [data-bg-weight="3"]:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-bg:after,.db-warning-bg:before,.db-warning-component-interactive:after,.db-warning-component-interactive:before,.db-warning-component:after,.db-warning-component:before{color:var(--db-current-icon-color,inherit)}.db-neutral-component,.db-neutral-component-interactive{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var(--db-neutral-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var(--db-neutral-contrast-high-hover);--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var(--db-neutral-contrast-high-enabled)}.db-neutral-component-interactive:hover{background:var(--db-neutral-contrast-high-hover)}.db-neutral-component-interactive:active{background:var(--db-neutral-contrast-high-pressed)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}.db-neutral-bg [data-emphasis=weak][data-bg-weight="1"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="2"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-neutral-bg,[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-neutral-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-neutral-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-brand-component,.db-brand-component-interactive{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var(--db-brand-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-bg-hover:var(--db-brand-contrast-high-hover);--db-current-color-bg-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-border:var(--db-brand-contrast-high-enabled)}.db-brand-component-interactive:hover{background:var(--db-brand-contrast-high-hover)}.db-brand-component-interactive:active{background:var(--db-brand-contrast-high-pressed)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-brand-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-brand-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-brand-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-brand-bg-transparent-pressed );--db-current-color-enabled:var(--db-brand-on-bg-enabled);--db-current-color-icon:var(--db-brand-on-bg-enabled);--db-current-color-hover:var(--db-brand-on-bg-hover);--db-current-color-pressed:var(--db-brand-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-brand-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-brand-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-brand-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-border:var(--db-brand-border);--db-current-color-bg-lvl-1-hover:var(--db-brand-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-brand-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-brand-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-brand-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-brand-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-brand-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-brand-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-brand-contrast-high-pressed )}.db-brand-bg [data-emphasis=weak][data-bg-weight="1"],.db-brand-bg [data-emphasis=weak][data-bg-weight="2"],.db-brand-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-brand-bg,[data-emphasis=weak].db-brand-bg-lvl-1,[data-emphasis=weak].db-brand-bg-lvl-2,[data-emphasis=weak].db-brand-bg-lvl-3,[data-emphasis=weak].db-brand-bg-transparent-full,[data-emphasis=weak].db-brand-bg-transparent-semi{--db-current-color-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-pressed:var( --db-brand-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-brand-bg [data-bg-weight="2"],.db-brand-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-brand-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-brand-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-critical-component,.db-critical-component-interactive{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var(--db-critical-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var(--db-critical-contrast-high-hover);--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var(--db-critical-contrast-high-enabled)}.db-critical-component-interactive:hover{background:var(--db-critical-contrast-high-hover)}.db-critical-component-interactive:active{background:var(--db-critical-contrast-high-pressed)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}.db-critical-bg [data-emphasis=weak][data-bg-weight="1"],.db-critical-bg [data-emphasis=weak][data-bg-weight="2"],.db-critical-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-critical-bg,[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-critical-bg [data-bg-weight="2"],.db-critical-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-critical-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-critical-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-successful-component,.db-successful-component-interactive{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var(--db-successful-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var(--db-successful-contrast-high-hover);--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var(--db-successful-contrast-high-enabled)}.db-successful-component-interactive:hover{background:var(--db-successful-contrast-high-hover)}.db-successful-component-interactive:active{background:var(--db-successful-contrast-high-pressed)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}.db-successful-bg [data-emphasis=weak][data-bg-weight="1"],.db-successful-bg [data-emphasis=weak][data-bg-weight="2"],.db-successful-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-successful-bg,[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-successful-bg [data-bg-weight="2"],.db-successful-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-successful-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-successful-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-warning-component,.db-warning-component-interactive{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var(--db-warning-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var(--db-warning-contrast-high-hover);--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var(--db-warning-contrast-high-enabled)}.db-warning-component-interactive:hover{background:var(--db-warning-contrast-high-hover)}.db-warning-component-interactive:active{background:var(--db-warning-contrast-high-pressed)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}.db-warning-bg [data-emphasis=weak][data-bg-weight="1"],.db-warning-bg [data-emphasis=weak][data-bg-weight="2"],.db-warning-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-warning-bg,[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-warning-bg [data-bg-weight="2"],.db-warning-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-warning-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-warning-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-informational-component,.db-informational-component-interactive{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var(--db-informational-on-contrast-enabled);--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var(--db-informational-contrast-high-hover);--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var(--db-informational-contrast-high-enabled)}.db-informational-component-interactive:hover{background:var(--db-informational-contrast-high-hover)}.db-informational-component-interactive:active{background:var(--db-informational-contrast-high-pressed)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}.db-informational-bg [data-emphasis=weak][data-bg-weight="1"],.db-informational-bg [data-emphasis=weak][data-bg-weight="2"],.db-informational-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-informational-bg,[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-informational-bg [data-bg-weight="2"],.db-informational-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-informational-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-informational-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}db-card:is(.variants-card)>.db-card{padding:var(--db-spacing-fixed-sm)}.variants-list{display:flex;flex-wrap:wrap;inline-size:100%;justify-content:center;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center;display:flex;gap:var(--db-spacing-fixed-md)}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-select,.variants-list .db-input,.variants-list .db-textarea{margin-block-start:auto}.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){margin-block-start:0;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);background-color:var(--db-base-bg-lvl-2)}.badge-inline-container .db-badge{margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden} diff --git a/screen-reader-test/react-showcase/assets/index-MlZsGL1F.js b/screen-reader-test/react-showcase/assets/index-MlZsGL1F.js new file mode 100644 index 0000000..899d222 --- /dev/null +++ b/screen-reader-test/react-showcase/assets/index-MlZsGL1F.js @@ -0,0 +1,2275 @@ +function Kd(t,e){for(var n=0;na[l]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))a(l);new MutationObserver(l=>{for(const r of l)if(r.type==="childList")for(const i of r.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function n(l){const r={};return l.integrity&&(r.integrity=l.integrity),l.referrerPolicy&&(r.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?r.credentials="include":l.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function a(l){if(l.ep)return;l.ep=!0;const r=n(l);fetch(l.href,r)}})();function Xd(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var iu={exports:{}},Ul={},ou={exports:{}},j={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Sa=Symbol.for("react.element"),Yd=Symbol.for("react.portal"),qd=Symbol.for("react.fragment"),Jd=Symbol.for("react.strict_mode"),Zd=Symbol.for("react.profiler"),tm=Symbol.for("react.provider"),em=Symbol.for("react.context"),nm=Symbol.for("react.forward_ref"),am=Symbol.for("react.suspense"),lm=Symbol.for("react.memo"),rm=Symbol.for("react.lazy"),Uo=Symbol.iterator;function im(t){return t===null||typeof t!="object"?null:(t=Uo&&t[Uo]||t["@@iterator"],typeof t=="function"?t:null)}var su={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},uu=Object.assign,cu={};function _n(t,e,n){this.props=t,this.context=e,this.refs=cu,this.updater=n||su}_n.prototype.isReactComponent={};_n.prototype.setState=function(t,e){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")};_n.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function du(){}du.prototype=_n.prototype;function Fi(t,e,n){this.props=t,this.context=e,this.refs=cu,this.updater=n||su}var zi=Fi.prototype=new du;zi.constructor=Fi;uu(zi,_n.prototype);zi.isPureReactComponent=!0;var Oo=Array.isArray,mu=Object.prototype.hasOwnProperty,Mi={current:null},fu={key:!0,ref:!0,__self:!0,__source:!0};function pu(t,e,n){var a,l={},r=null,i=null;if(e!=null)for(a in e.ref!==void 0&&(i=e.ref),e.key!==void 0&&(r=""+e.key),e)mu.call(e,a)&&!fu.hasOwnProperty(a)&&(l[a]=e[a]);var s=arguments.length-2;if(s===1)l.children=n;else if(1>>1,lt=k[Y];if(0>>1;Yl(cr,_))Mel(La,cr)?(k[Y]=La,k[Me]=_,Y=Me):(k[Y]=cr,k[ze]=_,Y=ze);else if(Mel(La,_))k[Y]=La,k[Me]=_,Y=Me;else break t}}return E}function l(k,E){var _=k.sortIndex-E.sortIndex;return _!==0?_:k.id-E.id}if(typeof performance=="object"&&typeof performance.now=="function"){var r=performance;t.unstable_now=function(){return r.now()}}else{var i=Date,s=i.now();t.unstable_now=function(){return i.now()-s}}var u=[],c=[],f=1,h=null,b=3,g=!1,T=!1,y=!1,I=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,m=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function v(k){for(var E=n(c);E!==null;){if(E.callback===null)a(c);else if(E.startTime<=k)a(c),E.sortIndex=E.expirationTime,e(u,E);else break;E=n(c)}}function D(k){if(y=!1,v(k),!T)if(n(u)!==null)T=!0,sr(w);else{var E=n(c);E!==null&&ur(D,E.startTime-k)}}function w(k,E){T=!1,y&&(y=!1,p(x),x=-1),g=!0;var _=b;try{for(v(E),h=n(u);h!==null&&(!(h.expirationTime>E)||k&&!bt());){var Y=h.callback;if(typeof Y=="function"){h.callback=null,b=h.priorityLevel;var lt=Y(h.expirationTime<=E);E=t.unstable_now(),typeof lt=="function"?h.callback=lt:h===n(u)&&a(u),v(E)}else a(u);h=n(u)}if(h!==null)var Ea=!0;else{var ze=n(c);ze!==null&&ur(D,ze.startTime-E),Ea=!1}return Ea}finally{h=null,b=_,g=!1}}var S=!1,B=null,x=-1,L=5,P=-1;function bt(){return!(t.unstable_now()-Pk||125Y?(k.sortIndex=_,e(c,k),n(u)===null&&k===n(c)&&(y?(p(x),x=-1):y=!0,ur(D,_-Y))):(k.sortIndex=lt,e(u,k),T||g||(T=!0,sr(w))),k},t.unstable_shouldYield=bt,t.unstable_wrapCallback=function(k){var E=b;return function(){var _=b;b=E;try{return k.apply(this,arguments)}finally{b=_}}}})(yu);gu.exports=yu;var gm=gu.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Du=d,Pt=gm;function C(t){for(var e="https://reactjs.org/docs/error-decoder.html?invariant="+t,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ur=Object.prototype.hasOwnProperty,ym=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,$o={},Wo={};function Dm(t){return Ur.call(Wo,t)?!0:Ur.call($o,t)?!1:ym.test(t)?Wo[t]=!0:($o[t]=!0,!1)}function xm(t,e,n,a){if(n!==null&&n.type===0)return!1;switch(typeof e){case"function":case"symbol":return!0;case"boolean":return a?!1:n!==null?!n.acceptsBooleans:(t=t.toLowerCase().slice(0,5),t!=="data-"&&t!=="aria-");default:return!1}}function Tm(t,e,n,a){if(e===null||typeof e>"u"||xm(t,e,n,a))return!0;if(a)return!1;if(n!==null)switch(n.type){case 3:return!e;case 4:return e===!1;case 5:return isNaN(e);case 6:return isNaN(e)||1>e}return!1}function Dt(t,e,n,a,l,r,i){this.acceptsBooleans=e===2||e===3||e===4,this.attributeName=a,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=t,this.type=e,this.sanitizeURL=r,this.removeEmptyString=i}var ut={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(t){ut[t]=new Dt(t,0,!1,t,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(t){var e=t[0];ut[e]=new Dt(e,1,!1,t[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(t){ut[t]=new Dt(t,2,!1,t.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(t){ut[t]=new Dt(t,2,!1,t,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(t){ut[t]=new Dt(t,3,!1,t.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(t){ut[t]=new Dt(t,3,!0,t,null,!1,!1)});["capture","download"].forEach(function(t){ut[t]=new Dt(t,4,!1,t,null,!1,!1)});["cols","rows","size","span"].forEach(function(t){ut[t]=new Dt(t,6,!1,t,null,!1,!1)});["rowSpan","start"].forEach(function(t){ut[t]=new Dt(t,5,!1,t.toLowerCase(),null,!1,!1)});var Oi=/[\-:]([a-z])/g;function Vi(t){return t[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(t){var e=t.replace(Oi,Vi);ut[e]=new Dt(e,1,!1,t,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(t){var e=t.replace(Oi,Vi);ut[e]=new Dt(e,1,!1,t,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(t){var e=t.replace(Oi,Vi);ut[e]=new Dt(e,1,!1,t,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(t){ut[t]=new Dt(t,1,!1,t.toLowerCase(),null,!1,!1)});ut.xlinkHref=new Dt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(t){ut[t]=new Dt(t,1,!1,t.toLowerCase(),null,!0,!0)});function $i(t,e,n,a){var l=ut.hasOwnProperty(e)?ut[e]:null;(l!==null?l.type!==0:a||!(2s||l[i]!==r[s]){var u=` +`+l[i].replace(" at new "," at ");return t.displayName&&u.includes("")&&(u=u.replace("",t.displayName)),u}while(1<=i&&0<=s);break}}}finally{fr=!1,Error.prepareStackTrace=n}return(t=t?t.displayName||t.name:"")?Hn(t):""}function Bm(t){switch(t.tag){case 5:return Hn(t.type);case 16:return Hn("Lazy");case 13:return Hn("Suspense");case 19:return Hn("SuspenseList");case 0:case 2:case 15:return t=pr(t.type,!1),t;case 11:return t=pr(t.type.render,!1),t;case 1:return t=pr(t.type,!0),t;default:return""}}function Wr(t){if(t==null)return null;if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case sn:return"Fragment";case on:return"Portal";case Or:return"Profiler";case Wi:return"StrictMode";case Vr:return"Suspense";case $r:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case Bu:return(t.displayName||"Context")+".Consumer";case Tu:return(t._context.displayName||"Context")+".Provider";case Hi:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case Gi:return e=t.displayName||null,e!==null?e:Wr(t.type)||"Memo";case fe:e=t._payload,t=t._init;try{return Wr(t(e))}catch{}}return null}function wm(t){var e=t.type;switch(t.tag){case 24:return"Cache";case 9:return(e.displayName||"Context")+".Consumer";case 10:return(e._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return t=e.render,t=t.displayName||t.name||"",e.displayName||(t!==""?"ForwardRef("+t+")":"ForwardRef");case 7:return"Fragment";case 5:return e;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Wr(e);case 8:return e===Wi?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e}return null}function ke(t){switch(typeof t){case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function Su(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function Sm(t){var e=Su(t)?"checked":"value",n=Object.getOwnPropertyDescriptor(t.constructor.prototype,e),a=""+t[e];if(!t.hasOwnProperty(e)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,r=n.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return l.call(this)},set:function(i){a=""+i,r.call(this,i)}}),Object.defineProperty(t,e,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(i){a=""+i},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function Ra(t){t._valueTracker||(t._valueTracker=Sm(t))}function Iu(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),a="";return t&&(a=Su(t)?t.checked?"true":"false":t.value),t=a,t!==n?(e.setValue(t),!0):!1}function cl(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}function Hr(t,e){var n=e.checked;return K({},e,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??t._wrapperState.initialChecked})}function Go(t,e){var n=e.defaultValue==null?"":e.defaultValue,a=e.checked!=null?e.checked:e.defaultChecked;n=ke(e.value!=null?e.value:n),t._wrapperState={initialChecked:a,initialValue:n,controlled:e.type==="checkbox"||e.type==="radio"?e.checked!=null:e.value!=null}}function Cu(t,e){e=e.checked,e!=null&&$i(t,"checked",e,!1)}function Gr(t,e){Cu(t,e);var n=ke(e.value),a=e.type;if(n!=null)a==="number"?(n===0&&t.value===""||t.value!=n)&&(t.value=""+n):t.value!==""+n&&(t.value=""+n);else if(a==="submit"||a==="reset"){t.removeAttribute("value");return}e.hasOwnProperty("value")?Qr(t,e.type,n):e.hasOwnProperty("defaultValue")&&Qr(t,e.type,ke(e.defaultValue)),e.checked==null&&e.defaultChecked!=null&&(t.defaultChecked=!!e.defaultChecked)}function Qo(t,e,n){if(e.hasOwnProperty("value")||e.hasOwnProperty("defaultValue")){var a=e.type;if(!(a!=="submit"&&a!=="reset"||e.value!==void 0&&e.value!==null))return;e=""+t._wrapperState.initialValue,n||e===t.value||(t.value=e),t.defaultValue=e}n=t.name,n!==""&&(t.name=""),t.defaultChecked=!!t._wrapperState.initialChecked,n!==""&&(t.name=n)}function Qr(t,e,n){(e!=="number"||cl(t.ownerDocument)!==t)&&(n==null?t.defaultValue=""+t._wrapperState.initialValue:t.defaultValue!==""+n&&(t.defaultValue=""+n))}var Gn=Array.isArray;function yn(t,e,n,a){if(t=t.options,e){e={};for(var l=0;l"+e.valueOf().toString()+"",e=Aa.firstChild;t.firstChild;)t.removeChild(t.firstChild);for(;e.firstChild;)t.appendChild(e.firstChild)}});function ia(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var Yn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Im=["Webkit","ms","Moz","O"];Object.keys(Yn).forEach(function(t){Im.forEach(function(e){e=e+t.charAt(0).toUpperCase()+t.substring(1),Yn[e]=Yn[t]})});function Eu(t,e,n){return e==null||typeof e=="boolean"||e===""?"":n||typeof e!="number"||e===0||Yn.hasOwnProperty(t)&&Yn[t]?(""+e).trim():e+"px"}function Lu(t,e){t=t.style;for(var n in e)if(e.hasOwnProperty(n)){var a=n.indexOf("--")===0,l=Eu(n,e[n],a);n==="float"&&(n="cssFloat"),a?t.setProperty(n,l):t[n]=l}}var Cm=K({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Yr(t,e){if(e){if(Cm[t]&&(e.children!=null||e.dangerouslySetInnerHTML!=null))throw Error(C(137,t));if(e.dangerouslySetInnerHTML!=null){if(e.children!=null)throw Error(C(60));if(typeof e.dangerouslySetInnerHTML!="object"||!("__html"in e.dangerouslySetInnerHTML))throw Error(C(61))}if(e.style!=null&&typeof e.style!="object")throw Error(C(62))}}function qr(t,e){if(t.indexOf("-")===-1)return typeof e.is=="string";switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Jr=null;function Qi(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var Zr=null,Dn=null,xn=null;function Yo(t){if(t=Na(t)){if(typeof Zr!="function")throw Error(C(280));var e=t.stateNode;e&&(e=Hl(e),Zr(t.stateNode,t.type,e))}}function _u(t){Dn?xn?xn.push(t):xn=[t]:Dn=t}function ju(){if(Dn){var t=Dn,e=xn;if(xn=Dn=null,Yo(t),e)for(t=0;t>>=0,t===0?32:31-(zm(t)/Mm|0)|0}var Fa=64,za=4194304;function Qn(t){switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return t&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return t}}function pl(t,e){var n=t.pendingLanes;if(n===0)return 0;var a=0,l=t.suspendedLanes,r=t.pingedLanes,i=n&268435455;if(i!==0){var s=i&~l;s!==0?a=Qn(s):(r&=i,r!==0&&(a=Qn(r)))}else i=n&~l,i!==0?a=Qn(i):r!==0&&(a=Qn(r));if(a===0)return 0;if(e!==0&&e!==a&&!(e&l)&&(l=a&-a,r=e&-e,l>=r||l===16&&(r&4194240)!==0))return e;if(a&4&&(a|=n&16),e=t.entangledLanes,e!==0)for(t=t.entanglements,e&=a;0n;n++)e.push(t);return e}function Ia(t,e,n){t.pendingLanes|=e,e!==536870912&&(t.suspendedLanes=0,t.pingedLanes=0),t=t.eventTimes,e=31-Ht(e),t[e]=n}function $m(t,e){var n=t.pendingLanes&~e;t.pendingLanes=e,t.suspendedLanes=0,t.pingedLanes=0,t.expiredLanes&=e,t.mutableReadLanes&=e,t.entangledLanes&=e,e=t.entanglements;var a=t.eventTimes;for(t=t.expirationTimes;0=Jn),rs=" ",is=!1;function tc(t,e){switch(t){case"keyup":return gf.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ec(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var un=!1;function Df(t,e){switch(t){case"compositionend":return ec(e);case"keypress":return e.which!==32?null:(is=!0,rs);case"textInput":return t=e.data,t===rs&&is?null:t;default:return null}}function xf(t,e){if(un)return t==="compositionend"||!eo&&tc(t,e)?(t=Ju(),Za=Ji=ve=null,un=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1=e)return{node:n,offset:e-t};t=a}t:{for(;n;){if(n.nextSibling){n=n.nextSibling;break t}n=n.parentNode}n=void 0}n=cs(n)}}function rc(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?rc(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function ic(){for(var t=window,e=cl();e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=cl(t.document)}return e}function no(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}function Pf(t){var e=ic(),n=t.focusedElem,a=t.selectionRange;if(e!==n&&n&&n.ownerDocument&&rc(n.ownerDocument.documentElement,n)){if(a!==null&&no(n)){if(e=a.start,t=a.end,t===void 0&&(t=e),"selectionStart"in n)n.selectionStart=e,n.selectionEnd=Math.min(t,n.value.length);else if(t=(e=n.ownerDocument||document)&&e.defaultView||window,t.getSelection){t=t.getSelection();var l=n.textContent.length,r=Math.min(a.start,l);a=a.end===void 0?r:Math.min(a.end,l),!t.extend&&r>a&&(l=a,a=r,r=l),l=ds(n,r);var i=ds(n,a);l&&i&&(t.rangeCount!==1||t.anchorNode!==l.node||t.anchorOffset!==l.offset||t.focusNode!==i.node||t.focusOffset!==i.offset)&&(e=e.createRange(),e.setStart(l.node,l.offset),t.removeAllRanges(),r>a?(t.addRange(e),t.extend(i.node,i.offset)):(e.setEnd(i.node,i.offset),t.addRange(e)))}}for(e=[],t=n;t=t.parentNode;)t.nodeType===1&&e.push({element:t,left:t.scrollLeft,top:t.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,cn=null,ri=null,ta=null,ii=!1;function ms(t,e,n){var a=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ii||cn==null||cn!==cl(a)||(a=cn,"selectionStart"in a&&no(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),ta&&ma(ta,a)||(ta=a,a=vl(ri,"onSelect"),0fn||(t.current=mi[fn],mi[fn]=null,fn--)}function U(t,e){fn++,mi[fn]=t.current,t.current=e}var Pe={},pt=Re(Pe),wt=Re(!1),Ye=Pe;function Cn(t,e){var n=t.type.contextTypes;if(!n)return Pe;var a=t.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===e)return a.__reactInternalMemoizedMaskedChildContext;var l={},r;for(r in n)l[r]=e[r];return a&&(t=t.stateNode,t.__reactInternalMemoizedUnmaskedChildContext=e,t.__reactInternalMemoizedMaskedChildContext=l),l}function St(t){return t=t.childContextTypes,t!=null}function yl(){V(wt),V(pt)}function ys(t,e,n){if(pt.current!==Pe)throw Error(C(168));U(pt,e),U(wt,n)}function bc(t,e,n){var a=t.stateNode;if(e=e.childContextTypes,typeof a.getChildContext!="function")return n;a=a.getChildContext();for(var l in a)if(!(l in e))throw Error(C(108,wm(t)||"Unknown",l));return K({},n,a)}function Dl(t){return t=(t=t.stateNode)&&t.__reactInternalMemoizedMergedChildContext||Pe,Ye=pt.current,U(pt,t),U(wt,wt.current),!0}function Ds(t,e,n){var a=t.stateNode;if(!a)throw Error(C(169));n?(t=bc(t,e,Ye),a.__reactInternalMemoizedMergedChildContext=t,V(wt),V(pt),U(pt,t)):V(wt),U(wt,n)}var ne=null,Gl=!1,Nr=!1;function hc(t){ne===null?ne=[t]:ne.push(t)}function Vf(t){Gl=!0,hc(t)}function Ae(){if(!Nr&&ne!==null){Nr=!0;var t=0,e=F;try{var n=ne;for(F=1;t>=i,l-=i,ae=1<<32-Ht(e)+l|n<x?(L=B,B=null):L=B.sibling;var P=b(p,B,v[x],D);if(P===null){B===null&&(B=L);break}t&&B&&P.alternate===null&&e(p,B),m=r(P,m,x),S===null?w=P:S.sibling=P,S=P,B=L}if(x===v.length)return n(p,B),H&&Ue(p,x),w;if(B===null){for(;xx?(L=B,B=null):L=B.sibling;var bt=b(p,B,P.value,D);if(bt===null){B===null&&(B=L);break}t&&B&&bt.alternate===null&&e(p,B),m=r(bt,m,x),S===null?w=bt:S.sibling=bt,S=bt,B=L}if(P.done)return n(p,B),H&&Ue(p,x),w;if(B===null){for(;!P.done;x++,P=v.next())P=h(p,P.value,D),P!==null&&(m=r(P,m,x),S===null?w=P:S.sibling=P,S=P);return H&&Ue(p,x),w}for(B=a(p,B);!P.done;x++,P=v.next())P=g(B,p,x,P.value,D),P!==null&&(t&&P.alternate!==null&&B.delete(P.key===null?x:P.key),m=r(P,m,x),S===null?w=P:S.sibling=P,S=P);return t&&B.forEach(function(Mt){return e(p,Mt)}),H&&Ue(p,x),w}function I(p,m,v,D){if(typeof v=="object"&&v!==null&&v.type===sn&&v.key===null&&(v=v.props.children),typeof v=="object"&&v!==null){switch(v.$$typeof){case ja:t:{for(var w=v.key,S=m;S!==null;){if(S.key===w){if(w=v.type,w===sn){if(S.tag===7){n(p,S.sibling),m=l(S,v.props.children),m.return=p,p=m;break t}}else if(S.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===fe&&Cs(w)===S.type){n(p,S.sibling),m=l(S,v.props),m.ref=Vn(p,S,v),m.return=p,p=m;break t}n(p,S);break}else e(p,S);S=S.sibling}v.type===sn?(m=Xe(v.props.children,p.mode,D,v.key),m.return=p,p=m):(D=ol(v.type,v.key,v.props,null,p.mode,D),D.ref=Vn(p,m,v),D.return=p,p=D)}return i(p);case on:t:{for(S=v.key;m!==null;){if(m.key===S)if(m.tag===4&&m.stateNode.containerInfo===v.containerInfo&&m.stateNode.implementation===v.implementation){n(p,m.sibling),m=l(m,v.children||[]),m.return=p,p=m;break t}else{n(p,m);break}else e(p,m);m=m.sibling}m=Ar(v,p.mode,D),m.return=p,p=m}return i(p);case fe:return S=v._init,I(p,m,S(v._payload),D)}if(Gn(v))return T(p,m,v,D);if(Fn(v))return y(p,m,v,D);Ha(p,v)}return typeof v=="string"&&v!==""||typeof v=="number"?(v=""+v,m!==null&&m.tag===6?(n(p,m.sibling),m=l(m,v),m.return=p,p=m):(n(p,m),m=Rr(v,p.mode,D),m.return=p,p=m),i(p)):n(p,m)}return I}var kn=wc(!0),Sc=wc(!1),ka={},te=Re(ka),ha=Re(ka),va=Re(ka);function Qe(t){if(t===ka)throw Error(C(174));return t}function mo(t,e){switch(U(va,e),U(ha,t),U(te,ka),t=e.nodeType,t){case 9:case 11:e=(e=e.documentElement)?e.namespaceURI:Xr(null,"");break;default:t=t===8?e.parentNode:e,e=t.namespaceURI||null,t=t.tagName,e=Xr(e,t)}V(te),U(te,e)}function Pn(){V(te),V(ha),V(va)}function Ic(t){Qe(va.current);var e=Qe(te.current),n=Xr(e,t.type);e!==n&&(U(ha,t),U(te,n))}function fo(t){ha.current===t&&(V(te),V(ha))}var G=Re(0);function Il(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return e}else if(e.tag===19&&e.memoizedProps.revealOrder!==void 0){if(e.flags&128)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var kr=[];function po(){for(var t=0;tn?n:4,t(!0);var a=Pr.transition;Pr.transition={};try{t(!1),e()}finally{F=n,Pr.transition=a}}function Vc(){return zt().memoizedState}function Gf(t,e,n){var a=Ie(t);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},$c(t))Wc(e,n);else if(n=Dc(t,e,n,a),n!==null){var l=gt();Gt(n,t,a,l),Hc(n,e,a)}}function Qf(t,e,n){var a=Ie(t),l={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if($c(t))Wc(e,l);else{var r=t.alternate;if(t.lanes===0&&(r===null||r.lanes===0)&&(r=e.lastRenderedReducer,r!==null))try{var i=e.lastRenderedState,s=r(i,n);if(l.hasEagerState=!0,l.eagerState=s,Qt(s,i)){var u=e.interleaved;u===null?(l.next=l,uo(e)):(l.next=u.next,u.next=l),e.interleaved=l;return}}catch{}finally{}n=Dc(t,e,l,a),n!==null&&(l=gt(),Gt(n,t,a,l),Hc(n,e,a))}}function $c(t){var e=t.alternate;return t===Q||e!==null&&e===Q}function Wc(t,e){ea=Cl=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function Hc(t,e,n){if(n&4194240){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,Xi(t,n)}}var Nl={readContext:Ft,useCallback:ct,useContext:ct,useEffect:ct,useImperativeHandle:ct,useInsertionEffect:ct,useLayoutEffect:ct,useMemo:ct,useReducer:ct,useRef:ct,useState:ct,useDebugValue:ct,useDeferredValue:ct,useTransition:ct,useMutableSource:ct,useSyncExternalStore:ct,useId:ct,unstable_isNewReconciler:!1},Kf={readContext:Ft,useCallback:function(t,e){return qt().memoizedState=[t,e===void 0?null:e],t},useContext:Ft,useEffect:ks,useImperativeHandle:function(t,e,n){return n=n!=null?n.concat([t]):null,al(4194308,4,Fc.bind(null,e,t),n)},useLayoutEffect:function(t,e){return al(4194308,4,t,e)},useInsertionEffect:function(t,e){return al(4,2,t,e)},useMemo:function(t,e){var n=qt();return e=e===void 0?null:e,t=t(),n.memoizedState=[t,e],t},useReducer:function(t,e,n){var a=qt();return e=n!==void 0?n(e):e,a.memoizedState=a.baseState=e,t={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:e},a.queue=t,t=t.dispatch=Gf.bind(null,Q,t),[a.memoizedState,t]},useRef:function(t){var e=qt();return t={current:t},e.memoizedState=t},useState:Ns,useDebugValue:yo,useDeferredValue:function(t){return qt().memoizedState=t},useTransition:function(){var t=Ns(!1),e=t[0];return t=Hf.bind(null,t[1]),qt().memoizedState=t,[e,t]},useMutableSource:function(){},useSyncExternalStore:function(t,e,n){var a=Q,l=qt();if(H){if(n===void 0)throw Error(C(407));n=n()}else{if(n=e(),it===null)throw Error(C(349));Je&30||kc(a,e,n)}l.memoizedState=n;var r={value:n,getSnapshot:e};return l.queue=r,ks(Ec.bind(null,a,r,t),[t]),a.flags|=2048,Da(9,Pc.bind(null,a,r,n,e),void 0,null),n},useId:function(){var t=qt(),e=it.identifierPrefix;if(H){var n=le,a=ae;n=(a&~(1<<32-Ht(a)-1)).toString(32)+n,e=":"+e+"R"+n,n=ga++,0<\/script>",t=t.removeChild(t.firstChild)):typeof a.is=="string"?t=i.createElement(n,{is:a.is}):(t=i.createElement(n),n==="select"&&(i=t,a.multiple?i.multiple=!0:a.size&&(i.size=a.size))):t=i.createElementNS(t,n),t[Jt]=e,t[ba]=a,td(t,e,!1,!1),e.stateNode=t;t:{switch(i=qr(n,a),n){case"dialog":O("cancel",t),O("close",t),l=a;break;case"iframe":case"object":case"embed":O("load",t),l=a;break;case"video":case"audio":for(l=0;lLn&&(e.flags|=128,a=!0,$n(r,!1),e.lanes=4194304)}else{if(!a)if(t=Il(i),t!==null){if(e.flags|=128,a=!0,n=t.updateQueue,n!==null&&(e.updateQueue=n,e.flags|=4),$n(r,!0),r.tail===null&&r.tailMode==="hidden"&&!i.alternate&&!H)return dt(e),null}else 2*q()-r.renderingStartTime>Ln&&n!==1073741824&&(e.flags|=128,a=!0,$n(r,!1),e.lanes=4194304);r.isBackwards?(i.sibling=e.child,e.child=i):(n=r.last,n!==null?n.sibling=i:e.child=i,r.last=i)}return r.tail!==null?(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=q(),e.sibling=null,n=G.current,U(G,a?n&1|2:n&1),e):(dt(e),null);case 22:case 23:return So(),a=e.memoizedState!==null,t!==null&&t.memoizedState!==null!==a&&(e.flags|=8192),a&&e.mode&1?Ct&1073741824&&(dt(e),e.subtreeFlags&6&&(e.flags|=8192)):dt(e),null;case 24:return null;case 25:return null}throw Error(C(156,e.tag))}function np(t,e){switch(lo(e),e.tag){case 1:return St(e.type)&&yl(),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return Pn(),V(wt),V(pt),po(),t=e.flags,t&65536&&!(t&128)?(e.flags=t&-65537|128,e):null;case 5:return fo(e),null;case 13:if(V(G),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(C(340));Nn()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return V(G),null;case 4:return Pn(),null;case 10:return so(e.type._context),null;case 22:case 23:return So(),null;case 24:return null;default:return null}}var Qa=!1,mt=!1,ap=typeof WeakSet=="function"?WeakSet:Set,N=null;function vn(t,e){var n=t.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(a){X(t,e,a)}else n.current=null}function wi(t,e,n){try{n()}catch(a){X(t,e,a)}}var zs=!1;function lp(t,e){if(oi=bl,t=ic(),no(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else t:{n=(n=t.ownerDocument)&&n.defaultView||window;var a=n.getSelection&&n.getSelection();if(a&&a.rangeCount!==0){n=a.anchorNode;var l=a.anchorOffset,r=a.focusNode;a=a.focusOffset;try{n.nodeType,r.nodeType}catch{n=null;break t}var i=0,s=-1,u=-1,c=0,f=0,h=t,b=null;e:for(;;){for(var g;h!==n||l!==0&&h.nodeType!==3||(s=i+l),h!==r||a!==0&&h.nodeType!==3||(u=i+a),h.nodeType===3&&(i+=h.nodeValue.length),(g=h.firstChild)!==null;)b=h,h=g;for(;;){if(h===t)break e;if(b===n&&++c===l&&(s=i),b===r&&++f===a&&(u=i),(g=h.nextSibling)!==null)break;h=b,b=h.parentNode}h=g}n=s===-1||u===-1?null:{start:s,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(si={focusedElem:t,selectionRange:n},bl=!1,N=e;N!==null;)if(e=N,t=e.child,(e.subtreeFlags&1028)!==0&&t!==null)t.return=e,N=t;else for(;N!==null;){e=N;try{var T=e.alternate;if(e.flags&1024)switch(e.tag){case 0:case 11:case 15:break;case 1:if(T!==null){var y=T.memoizedProps,I=T.memoizedState,p=e.stateNode,m=p.getSnapshotBeforeUpdate(e.elementType===e.type?y:Ot(e.type,y),I);p.__reactInternalSnapshotBeforeUpdate=m}break;case 3:var v=e.stateNode.containerInfo;v.nodeType===1?v.textContent="":v.nodeType===9&&v.documentElement&&v.removeChild(v.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(C(163))}}catch(D){X(e,e.return,D)}if(t=e.sibling,t!==null){t.return=e.return,N=t;break}N=e.return}return T=zs,zs=!1,T}function na(t,e,n){var a=e.updateQueue;if(a=a!==null?a.lastEffect:null,a!==null){var l=a=a.next;do{if((l.tag&t)===t){var r=l.destroy;l.destroy=void 0,r!==void 0&&wi(e,n,r)}l=l.next}while(l!==a)}}function Xl(t,e){if(e=e.updateQueue,e=e!==null?e.lastEffect:null,e!==null){var n=e=e.next;do{if((n.tag&t)===t){var a=n.create;n.destroy=a()}n=n.next}while(n!==e)}}function Si(t){var e=t.ref;if(e!==null){var n=t.stateNode;switch(t.tag){case 5:t=n;break;default:t=n}typeof e=="function"?e(t):e.current=t}}function ad(t){var e=t.alternate;e!==null&&(t.alternate=null,ad(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&(delete e[Jt],delete e[ba],delete e[di],delete e[Uf],delete e[Of])),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}function ld(t){return t.tag===5||t.tag===3||t.tag===4}function Ms(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||ld(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function Ii(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?n.nodeType===8?n.parentNode.insertBefore(t,e):n.insertBefore(t,e):(n.nodeType===8?(e=n.parentNode,e.insertBefore(t,n)):(e=n,e.appendChild(t)),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=gl));else if(a!==4&&(t=t.child,t!==null))for(Ii(t,e,n),t=t.sibling;t!==null;)Ii(t,e,n),t=t.sibling}function Ci(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(a!==4&&(t=t.child,t!==null))for(Ci(t,e,n),t=t.sibling;t!==null;)Ci(t,e,n),t=t.sibling}var ot=null,Vt=!1;function me(t,e,n){for(n=n.child;n!==null;)rd(t,e,n),n=n.sibling}function rd(t,e,n){if(Zt&&typeof Zt.onCommitFiberUnmount=="function")try{Zt.onCommitFiberUnmount(Ol,n)}catch{}switch(n.tag){case 5:mt||vn(n,e);case 6:var a=ot,l=Vt;ot=null,me(t,e,n),ot=a,Vt=l,ot!==null&&(Vt?(t=ot,n=n.stateNode,t.nodeType===8?t.parentNode.removeChild(n):t.removeChild(n)):ot.removeChild(n.stateNode));break;case 18:ot!==null&&(Vt?(t=ot,n=n.stateNode,t.nodeType===8?Cr(t.parentNode,n):t.nodeType===1&&Cr(t,n),ca(t)):Cr(ot,n.stateNode));break;case 4:a=ot,l=Vt,ot=n.stateNode.containerInfo,Vt=!0,me(t,e,n),ot=a,Vt=l;break;case 0:case 11:case 14:case 15:if(!mt&&(a=n.updateQueue,a!==null&&(a=a.lastEffect,a!==null))){l=a=a.next;do{var r=l,i=r.destroy;r=r.tag,i!==void 0&&(r&2||r&4)&&wi(n,e,i),l=l.next}while(l!==a)}me(t,e,n);break;case 1:if(!mt&&(vn(n,e),a=n.stateNode,typeof a.componentWillUnmount=="function"))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(s){X(n,e,s)}me(t,e,n);break;case 21:me(t,e,n);break;case 22:n.mode&1?(mt=(a=mt)||n.memoizedState!==null,me(t,e,n),mt=a):me(t,e,n);break;default:me(t,e,n)}}function Us(t){var e=t.updateQueue;if(e!==null){t.updateQueue=null;var n=t.stateNode;n===null&&(n=t.stateNode=new ap),e.forEach(function(a){var l=fp.bind(null,t,a);n.has(a)||(n.add(a),a.then(l,l))})}}function Ut(t,e){var n=e.deletions;if(n!==null)for(var a=0;al&&(l=i),a&=~r}if(a=l,a=q()-a,a=(120>a?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*ip(a/1960))-a,10t?16:t,ge===null)var a=!1;else{if(t=ge,ge=null,El=0,R&6)throw Error(C(331));var l=R;for(R|=4,N=t.current;N!==null;){var r=N,i=r.child;if(N.flags&16){var s=r.deletions;if(s!==null){for(var u=0;uq()-Bo?Ke(t,0):To|=n),It(t,e)}function fd(t,e){e===0&&(t.mode&1?(e=za,za<<=1,!(za&130023424)&&(za=4194304)):e=1);var n=gt();t=se(t,e),t!==null&&(Ia(t,e,n),It(t,n))}function mp(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),fd(t,n)}function fp(t,e){var n=0;switch(t.tag){case 13:var a=t.stateNode,l=t.memoizedState;l!==null&&(n=l.retryLane);break;case 19:a=t.stateNode;break;default:throw Error(C(314))}a!==null&&a.delete(e),fd(t,n)}var pd;pd=function(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps||wt.current)Bt=!0;else{if(!(t.lanes&n)&&!(e.flags&128))return Bt=!1,tp(t,e,n);Bt=!!(t.flags&131072)}else Bt=!1,H&&e.flags&1048576&&vc(e,Tl,e.index);switch(e.lanes=0,e.tag){case 2:var a=e.type;ll(t,e),t=e.pendingProps;var l=Cn(e,pt.current);Bn(e,n),l=ho(null,e,a,t,l,n);var r=vo();return e.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(e.tag=1,e.memoizedState=null,e.updateQueue=null,St(a)?(r=!0,Dl(e)):r=!1,e.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,co(e),l.updater=Ql,e.stateNode=l,l._reactInternals=e,vi(e,a,t,n),e=Di(null,e,a,!0,r,n)):(e.tag=0,H&&r&&ao(e),ht(null,e,l,n),e=e.child),e;case 16:a=e.elementType;t:{switch(ll(t,e),t=e.pendingProps,l=a._init,a=l(a._payload),e.type=a,l=e.tag=bp(a),t=Ot(a,t),l){case 0:e=yi(null,e,a,t,n);break t;case 1:e=Rs(null,e,a,t,n);break t;case 11:e=_s(null,e,a,t,n);break t;case 14:e=js(null,e,a,Ot(a.type,t),n);break t}throw Error(C(306,a,""))}return e;case 0:return a=e.type,l=e.pendingProps,l=e.elementType===a?l:Ot(a,l),yi(t,e,a,l,n);case 1:return a=e.type,l=e.pendingProps,l=e.elementType===a?l:Ot(a,l),Rs(t,e,a,l,n);case 3:t:{if(qc(e),t===null)throw Error(C(387));a=e.pendingProps,r=e.memoizedState,l=r.element,xc(t,e),Sl(e,a,null,n);var i=e.memoizedState;if(a=i.element,r.isDehydrated)if(r={element:a,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},e.updateQueue.baseState=r,e.memoizedState=r,e.flags&256){l=En(Error(C(423)),e),e=As(t,e,a,n,l);break t}else if(a!==l){l=En(Error(C(424)),e),e=As(t,e,a,n,l);break t}else for(Nt=Be(e.stateNode.containerInfo.firstChild),kt=e,H=!0,Wt=null,n=Sc(e,null,a,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Nn(),a===l){e=ue(t,e,n);break t}ht(t,e,a,n)}e=e.child}return e;case 5:return Ic(e),t===null&&pi(e),a=e.type,l=e.pendingProps,r=t!==null?t.memoizedProps:null,i=l.children,ui(a,l)?i=null:r!==null&&ui(a,r)&&(e.flags|=32),Yc(t,e),ht(t,e,i,n),e.child;case 6:return t===null&&pi(e),null;case 13:return Jc(t,e,n);case 4:return mo(e,e.stateNode.containerInfo),a=e.pendingProps,t===null?e.child=kn(e,null,a,n):ht(t,e,a,n),e.child;case 11:return a=e.type,l=e.pendingProps,l=e.elementType===a?l:Ot(a,l),_s(t,e,a,l,n);case 7:return ht(t,e,e.pendingProps,n),e.child;case 8:return ht(t,e,e.pendingProps.children,n),e.child;case 12:return ht(t,e,e.pendingProps.children,n),e.child;case 10:t:{if(a=e.type._context,l=e.pendingProps,r=e.memoizedProps,i=l.value,U(Bl,a._currentValue),a._currentValue=i,r!==null)if(Qt(r.value,i)){if(r.children===l.children&&!wt.current){e=ue(t,e,n);break t}}else for(r=e.child,r!==null&&(r.return=e);r!==null;){var s=r.dependencies;if(s!==null){i=r.child;for(var u=s.firstContext;u!==null;){if(u.context===a){if(r.tag===1){u=re(-1,n&-n),u.tag=2;var c=r.updateQueue;if(c!==null){c=c.shared;var f=c.pending;f===null?u.next=u:(u.next=f.next,f.next=u),c.pending=u}}r.lanes|=n,u=r.alternate,u!==null&&(u.lanes|=n),bi(r.return,n,e),s.lanes|=n;break}u=u.next}}else if(r.tag===10)i=r.type===e.type?null:r.child;else if(r.tag===18){if(i=r.return,i===null)throw Error(C(341));i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),bi(i,n,e),i=r.sibling}else i=r.child;if(i!==null)i.return=r;else for(i=r;i!==null;){if(i===e){i=null;break}if(r=i.sibling,r!==null){r.return=i.return,i=r;break}i=i.return}r=i}ht(t,e,l.children,n),e=e.child}return e;case 9:return l=e.type,a=e.pendingProps.children,Bn(e,n),l=Ft(l),a=a(l),e.flags|=1,ht(t,e,a,n),e.child;case 14:return a=e.type,l=Ot(a,e.pendingProps),l=Ot(a.type,l),js(t,e,a,l,n);case 15:return Kc(t,e,e.type,e.pendingProps,n);case 17:return a=e.type,l=e.pendingProps,l=e.elementType===a?l:Ot(a,l),ll(t,e),e.tag=1,St(a)?(t=!0,Dl(e)):t=!1,Bn(e,n),Bc(e,a,l),vi(e,a,l,n),Di(null,e,a,!0,t,n);case 19:return Zc(t,e,n);case 22:return Xc(t,e,n)}throw Error(C(156,e.tag))};function bd(t,e){return Ou(t,e)}function pp(t,e,n,a){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Rt(t,e,n,a){return new pp(t,e,n,a)}function Co(t){return t=t.prototype,!(!t||!t.isReactComponent)}function bp(t){if(typeof t=="function")return Co(t)?1:0;if(t!=null){if(t=t.$$typeof,t===Hi)return 11;if(t===Gi)return 14}return 2}function Ce(t,e){var n=t.alternate;return n===null?(n=Rt(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&14680064,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n}function ol(t,e,n,a,l,r){var i=2;if(a=t,typeof t=="function")Co(t)&&(i=1);else if(typeof t=="string")i=5;else t:switch(t){case sn:return Xe(n.children,l,r,e);case Wi:i=8,l|=8;break;case Or:return t=Rt(12,n,e,l|2),t.elementType=Or,t.lanes=r,t;case Vr:return t=Rt(13,n,e,l),t.elementType=Vr,t.lanes=r,t;case $r:return t=Rt(19,n,e,l),t.elementType=$r,t.lanes=r,t;case wu:return ql(n,l,r,e);default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case Tu:i=10;break t;case Bu:i=9;break t;case Hi:i=11;break t;case Gi:i=14;break t;case fe:i=16,a=null;break t}throw Error(C(130,t==null?t:typeof t,""))}return e=Rt(i,n,e,l),e.elementType=t,e.type=a,e.lanes=r,e}function Xe(t,e,n,a){return t=Rt(7,t,a,e),t.lanes=n,t}function ql(t,e,n,a){return t=Rt(22,t,a,e),t.elementType=wu,t.lanes=n,t.stateNode={isHidden:!1},t}function Rr(t,e,n){return t=Rt(6,t,null,e),t.lanes=n,t}function Ar(t,e,n){return e=Rt(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}function hp(t,e,n,a,l){this.tag=e,this.containerInfo=t,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=hr(0),this.expirationTimes=hr(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=hr(0),this.identifierPrefix=a,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function No(t,e,n,a,l,r,i,s,u){return t=new hp(t,e,n,s,u),e===1?(e=1,r===!0&&(e|=8)):e=0,r=Rt(3,null,null,e),t.current=r,r.stateNode=t,r.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},co(r),t}function vp(t,e,n){var a=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(yd)}catch(t){console.error(t)}}yd(),vu.exports=Et;var Tp=vu.exports,Ks=Tp;Mr.createRoot=Ks.createRoot,Mr.hydrateRoot=Ks.hydrateRoot;/** + * @remix-run/router v1.15.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function Ta(){return Ta=Object.assign?Object.assign.bind():function(t){for(var e=1;e"u")throw new Error(e)}function Lo(t,e){if(!t){typeof console<"u"&&console.warn(e);try{throw new Error(e)}catch{}}}function wp(){return Math.random().toString(36).substr(2,8)}function Ys(t,e){return{usr:t.state,key:t.key,idx:e}}function Li(t,e,n,a){return n===void 0&&(n=null),Ta({pathname:typeof t=="string"?t:t.pathname,search:"",hash:""},typeof e=="string"?an(e):e,{state:n,key:e&&e.key||a||wp()})}function jl(t){let{pathname:e="/",search:n="",hash:a=""}=t;return n&&n!=="?"&&(e+=n.charAt(0)==="?"?n:"?"+n),a&&a!=="#"&&(e+=a.charAt(0)==="#"?a:"#"+a),e}function an(t){let e={};if(t){let n=t.indexOf("#");n>=0&&(e.hash=t.substr(n),t=t.substr(0,n));let a=t.indexOf("?");a>=0&&(e.search=t.substr(a),t=t.substr(0,a)),t&&(e.pathname=t)}return e}function Sp(t,e,n,a){a===void 0&&(a={});let{window:l=document.defaultView,v5Compat:r=!1}=a,i=l.history,s=ye.Pop,u=null,c=f();c==null&&(c=0,i.replaceState(Ta({},i.state,{idx:c}),""));function f(){return(i.state||{idx:null}).idx}function h(){s=ye.Pop;let I=f(),p=I==null?null:I-c;c=I,u&&u({action:s,location:y.location,delta:p})}function b(I,p){s=ye.Push;let m=Li(y.location,I,p);n&&n(m,I),c=f()+1;let v=Ys(m,c),D=y.createHref(m);try{i.pushState(v,"",D)}catch(w){if(w instanceof DOMException&&w.name==="DataCloneError")throw w;l.location.assign(D)}r&&u&&u({action:s,location:y.location,delta:1})}function g(I,p){s=ye.Replace;let m=Li(y.location,I,p);n&&n(m,I),c=f();let v=Ys(m,c),D=y.createHref(m);i.replaceState(v,"",D),r&&u&&u({action:s,location:y.location,delta:0})}function T(I){let p=l.location.origin!=="null"?l.location.origin:l.location.href,m=typeof I=="string"?I:jl(I);return m=m.replace(/ $/,"%20"),tt(p,"No window.location.(origin|href) available to create URL for href: "+m),new URL(m,p)}let y={get action(){return s},get location(){return t(l,i)},listen(I){if(u)throw new Error("A history only accepts one active listener");return l.addEventListener(Xs,h),u=I,()=>{l.removeEventListener(Xs,h),u=null}},createHref(I){return e(l,I)},createURL:T,encodeLocation(I){let p=T(I);return{pathname:p.pathname,search:p.search,hash:p.hash}},push:b,replace:g,go(I){return i.go(I)}};return y}var qs;(function(t){t.data="data",t.deferred="deferred",t.redirect="redirect",t.error="error"})(qs||(qs={}));function Ip(t,e,n){n===void 0&&(n="/");let a=typeof e=="string"?an(e):e,l=_o(a.pathname||"/",n);if(l==null)return null;let r=Dd(t);Cp(r);let i=null;for(let s=0;i==null&&s{let u={relativePath:s===void 0?r.path||"":s,caseSensitive:r.caseSensitive===!0,childrenIndex:i,route:r};u.relativePath.startsWith("/")&&(tt(u.relativePath.startsWith(a),'Absolute route path "'+u.relativePath+'" nested under path '+('"'+a+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),u.relativePath=u.relativePath.slice(a.length));let c=Ne([a,u.relativePath]),f=n.concat(u);r.children&&r.children.length>0&&(tt(r.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+c+'".')),Dd(r.children,e,f,c)),!(r.path==null&&!r.index)&&e.push({path:c,score:jp(c,r.index),routesMeta:f})};return t.forEach((r,i)=>{var s;if(r.path===""||!((s=r.path)!=null&&s.includes("?")))l(r,i);else for(let u of xd(r.path))l(r,i,u)}),e}function xd(t){let e=t.split("/");if(e.length===0)return[];let[n,...a]=e,l=n.endsWith("?"),r=n.replace(/\?$/,"");if(a.length===0)return l?[r,""]:[r];let i=xd(a.join("/")),s=[];return s.push(...i.map(u=>u===""?r:[r,u].join("/"))),l&&s.push(...i),s.map(u=>t.startsWith("/")&&u===""?"/":u)}function Cp(t){t.sort((e,n)=>e.score!==n.score?n.score-e.score:Rp(e.routesMeta.map(a=>a.childrenIndex),n.routesMeta.map(a=>a.childrenIndex)))}const Np=/^:[\w-]+$/,kp=3,Pp=2,Ep=1,Lp=10,_p=-2,Js=t=>t==="*";function jp(t,e){let n=t.split("/"),a=n.length;return n.some(Js)&&(a+=_p),e&&(a+=Pp),n.filter(l=>!Js(l)).reduce((l,r)=>l+(Np.test(r)?kp:r===""?Ep:Lp),a)}function Rp(t,e){return t.length===e.length&&t.slice(0,-1).every((a,l)=>a===e[l])?t[t.length-1]-e[e.length-1]:0}function Ap(t,e){let{routesMeta:n}=t,a={},l="/",r=[];for(let i=0;i{let{paramName:b,isOptional:g}=f;if(b==="*"){let y=s[h]||"";i=r.slice(0,r.length-y.length).replace(/(.)\/+$/,"$1")}const T=s[h];return g&&!T?c[b]=void 0:c[b]=(T||"").replace(/%2F/g,"/"),c},{}),pathname:r,pathnameBase:i,pattern:t}}function zp(t,e,n){e===void 0&&(e=!1),n===void 0&&(n=!0),Lo(t==="*"||!t.endsWith("*")||t.endsWith("/*"),'Route path "'+t+'" will be treated as if it were '+('"'+t.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+t.replace(/\*$/,"/*")+'".'));let a=[],l="^"+t.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(i,s,u)=>(a.push({paramName:s,isOptional:u!=null}),u?"/?([^\\/]+)?":"/([^\\/]+)"));return t.endsWith("*")?(a.push({paramName:"*"}),l+=t==="*"||t==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?l+="\\/*$":t!==""&&t!=="/"&&(l+="(?:(?=\\/|$))"),[new RegExp(l,e?void 0:"i"),a]}function Mp(t){try{return t.split("/").map(e=>decodeURIComponent(e).replace(/\//g,"%2F")).join("/")}catch(e){return Lo(!1,'The URL path "'+t+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+e+").")),t}}function _o(t,e){if(e==="/")return t;if(!t.toLowerCase().startsWith(e.toLowerCase()))return null;let n=e.endsWith("/")?e.length-1:e.length,a=t.charAt(n);return a&&a!=="/"?null:t.slice(n)||"/"}function Up(t,e){e===void 0&&(e="/");let{pathname:n,search:a="",hash:l=""}=typeof t=="string"?an(t):t;return{pathname:n?n.startsWith("/")?n:Op(n,e):e,search:Wp(a),hash:Hp(l)}}function Op(t,e){let n=e.replace(/\/+$/,"").split("/");return t.split("/").forEach(l=>{l===".."?n.length>1&&n.pop():l!=="."&&n.push(l)}),n.length>1?n.join("/"):"/"}function Fr(t,e,n,a){return"Cannot include a '"+t+"' character in a manually specified "+("`to."+e+"` field ["+JSON.stringify(a)+"]. Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in and the router will parse it for you.'}function Vp(t){return t.filter((e,n)=>n===0||e.route.path&&e.route.path.length>0)}function jo(t,e){let n=Vp(t);return e?n.map((a,l)=>l===t.length-1?a.pathname:a.pathnameBase):n.map(a=>a.pathnameBase)}function Ro(t,e,n,a){a===void 0&&(a=!1);let l;typeof t=="string"?l=an(t):(l=Ta({},t),tt(!l.pathname||!l.pathname.includes("?"),Fr("?","pathname","search",l)),tt(!l.pathname||!l.pathname.includes("#"),Fr("#","pathname","hash",l)),tt(!l.search||!l.search.includes("#"),Fr("#","search","hash",l)));let r=t===""||l.pathname==="",i=r?"/":l.pathname,s;if(i==null)s=n;else{let h=e.length-1;if(!a&&i.startsWith("..")){let b=i.split("/");for(;b[0]==="..";)b.shift(),h-=1;l.pathname=b.join("/")}s=h>=0?e[h]:"/"}let u=Up(l,s),c=i&&i!=="/"&&i.endsWith("/"),f=(r||i===".")&&n.endsWith("/");return!u.pathname.endsWith("/")&&(c||f)&&(u.pathname+="/"),u}const Ne=t=>t.join("/").replace(/\/\/+/g,"/"),$p=t=>t.replace(/\/+$/,"").replace(/^\/*/,"/"),Wp=t=>!t||t==="?"?"":t.startsWith("?")?t:"?"+t,Hp=t=>!t||t==="#"?"":t.startsWith("#")?t:"#"+t;function Gp(t){return t!=null&&typeof t.status=="number"&&typeof t.statusText=="string"&&typeof t.internal=="boolean"&&"data"in t}const Td=["post","put","patch","delete"];new Set(Td);const Qp=["get",...Td];new Set(Qp);/** + * React Router v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function Ba(){return Ba=Object.assign?Object.assign.bind():function(t){for(var e=1;e{s.current=!0}),d.useCallback(function(c,f){if(f===void 0&&(f={}),!s.current)return;if(typeof c=="number"){a.go(c);return}let h=Ro(c,JSON.parse(i),r,f.relative==="path");t==null&&e!=="/"&&(h.pathname=h.pathname==="/"?e:Ne([e,h.pathname])),(f.replace?a.replace:a.push)(h,f.state,f)},[e,a,i,r,t])}const qp=d.createContext(null);function Jp(t){let e=d.useContext(de).outlet;return e&&d.createElement(qp.Provider,{value:t},e)}function Sd(t,e){let{relative:n}=e===void 0?{}:e,{future:a}=d.useContext(Fe),{matches:l}=d.useContext(de),{pathname:r}=ln(),i=JSON.stringify(jo(l,a.v7_relativeSplatPath));return d.useMemo(()=>Ro(t,JSON.parse(i),r,n==="path"),[t,i,r,n])}function Zp(t,e){return tb(t,e)}function tb(t,e,n,a){An()||tt(!1);let{navigator:l}=d.useContext(Fe),{matches:r}=d.useContext(de),i=r[r.length-1],s=i?i.params:{};i&&i.pathname;let u=i?i.pathnameBase:"/";i&&i.route;let c=ln(),f;if(e){var h;let I=typeof e=="string"?an(e):e;u==="/"||(h=I.pathname)!=null&&h.startsWith(u)||tt(!1),f=I}else f=c;let b=f.pathname||"/",g=b;if(u!=="/"){let I=u.replace(/^\//,"").split("/");g="/"+b.replace(/^\//,"").split("/").slice(I.length).join("/")}let T=Ip(t,{pathname:g}),y=rb(T&&T.map(I=>Object.assign({},I,{params:Object.assign({},s,I.params),pathname:Ne([u,l.encodeLocation?l.encodeLocation(I.pathname).pathname:I.pathname]),pathnameBase:I.pathnameBase==="/"?u:Ne([u,l.encodeLocation?l.encodeLocation(I.pathnameBase).pathname:I.pathnameBase])})),r,n,a);return e&&y?d.createElement(nr.Provider,{value:{location:Ba({pathname:"/",search:"",hash:"",state:null,key:"default"},f),navigationType:ye.Pop}},y):y}function eb(){let t=ub(),e=Gp(t)?t.status+" "+t.statusText:t instanceof Error?t.message:JSON.stringify(t),n=t instanceof Error?t.stack:null,l={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return d.createElement(d.Fragment,null,d.createElement("h2",null,"Unexpected Application Error!"),d.createElement("h3",{style:{fontStyle:"italic"}},e),n?d.createElement("pre",{style:l},n):null,null)}const nb=d.createElement(eb,null);class ab extends d.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,n){return n.location!==e.location||n.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:n.error,location:n.location,revalidation:e.revalidation||n.revalidation}}componentDidCatch(e,n){console.error("React Router caught the following error during render",e,n)}render(){return this.state.error!==void 0?d.createElement(de.Provider,{value:this.props.routeContext},d.createElement(Bd.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function lb(t){let{routeContext:e,match:n,children:a}=t,l=d.useContext(Ao);return l&&l.static&&l.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=n.route.id),d.createElement(de.Provider,{value:e},a)}function rb(t,e,n,a){var l;if(e===void 0&&(e=[]),n===void 0&&(n=null),a===void 0&&(a=null),t==null){var r;if((r=n)!=null&&r.errors)t=n.matches;else return null}let i=t,s=(l=n)==null?void 0:l.errors;if(s!=null){let f=i.findIndex(h=>h.route.id&&(s==null?void 0:s[h.route.id]));f>=0||tt(!1),i=i.slice(0,Math.min(i.length,f+1))}let u=!1,c=-1;if(n&&a&&a.v7_partialHydration)for(let f=0;f=0?i=i.slice(0,c+1):i=[i[0]];break}}}return i.reduceRight((f,h,b)=>{let g,T=!1,y=null,I=null;n&&(g=s&&h.route.id?s[h.route.id]:void 0,y=h.route.errorElement||nb,u&&(c<0&&b===0?(db("route-fallback",!1),T=!0,I=null):c===b&&(T=!0,I=h.route.hydrateFallbackElement||null)));let p=e.concat(i.slice(0,b+1)),m=()=>{let v;return g?v=y:T?v=I:h.route.Component?v=d.createElement(h.route.Component,null):h.route.element?v=h.route.element:v=f,d.createElement(lb,{match:h,routeContext:{outlet:f,matches:p,isDataRoute:n!=null},children:v})};return n&&(h.route.ErrorBoundary||h.route.errorElement||b===0)?d.createElement(ab,{location:n.location,revalidation:n.revalidation,component:y,error:g,children:m(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):m()},null)}var Id=function(t){return t.UseBlocker="useBlocker",t.UseRevalidator="useRevalidator",t.UseNavigateStable="useNavigate",t}(Id||{}),Rl=function(t){return t.UseBlocker="useBlocker",t.UseLoaderData="useLoaderData",t.UseActionData="useActionData",t.UseRouteError="useRouteError",t.UseNavigation="useNavigation",t.UseRouteLoaderData="useRouteLoaderData",t.UseMatches="useMatches",t.UseRevalidator="useRevalidator",t.UseNavigateStable="useNavigate",t.UseRouteId="useRouteId",t}(Rl||{});function ib(t){let e=d.useContext(Ao);return e||tt(!1),e}function ob(t){let e=d.useContext(Kp);return e||tt(!1),e}function sb(t){let e=d.useContext(de);return e||tt(!1),e}function Cd(t){let e=sb(),n=e.matches[e.matches.length-1];return n.route.id||tt(!1),n.route.id}function ub(){var t;let e=d.useContext(Bd),n=ob(Rl.UseRouteError),a=Cd(Rl.UseRouteError);return e!==void 0?e:(t=n.errors)==null?void 0:t[a]}function cb(){let{router:t}=ib(Id.UseNavigateStable),e=Cd(Rl.UseNavigateStable),n=d.useRef(!1);return wd(()=>{n.current=!0}),d.useCallback(function(l,r){r===void 0&&(r={}),n.current&&(typeof l=="number"?t.navigate(l):t.navigate(l,Ba({fromRouteId:e},r)))},[t,e])}const Zs={};function db(t,e,n){!e&&!Zs[t]&&(Zs[t]=!0)}function mb(t){let{to:e,replace:n,state:a,relative:l}=t;An()||tt(!1);let{future:r,static:i}=d.useContext(Fe),{matches:s}=d.useContext(de),{pathname:u}=ln(),c=Fo(),f=Ro(e,jo(s,r.v7_relativeSplatPath),u,l==="path"),h=JSON.stringify(f);return d.useEffect(()=>c(JSON.parse(h),{replace:n,state:a,relative:l}),[c,h,l,n,a]),null}function tu(t){return Jp(t.context)}function Xn(t){tt(!1)}function fb(t){let{basename:e="/",children:n=null,location:a,navigationType:l=ye.Pop,navigator:r,static:i=!1,future:s}=t;An()&&tt(!1);let u=e.replace(/^\/*/,"/"),c=d.useMemo(()=>({basename:u,navigator:r,static:i,future:Ba({v7_relativeSplatPath:!1},s)}),[u,s,r,i]);typeof a=="string"&&(a=an(a));let{pathname:f="/",search:h="",hash:b="",state:g=null,key:T="default"}=a,y=d.useMemo(()=>{let I=_o(f,u);return I==null?null:{location:{pathname:I,search:h,hash:b,state:g,key:T},navigationType:l}},[u,f,h,b,g,T,l]);return y==null?null:d.createElement(Fe.Provider,{value:c},d.createElement(nr.Provider,{children:n,value:y}))}function pb(t){let{children:e,location:n}=t;return Zp(_i(e),n)}new Promise(()=>{});function _i(t,e){e===void 0&&(e=[]);let n=[];return d.Children.forEach(t,(a,l)=>{if(!d.isValidElement(a))return;let r=[...e,l];if(a.type===d.Fragment){n.push.apply(n,_i(a.props.children,r));return}a.type!==Xn&&tt(!1),!a.props.index||!a.props.children||tt(!1);let i={id:a.props.id||r.join("-"),caseSensitive:a.props.caseSensitive,element:a.props.element,Component:a.props.Component,index:a.props.index,path:a.props.path,loader:a.props.loader,action:a.props.action,errorElement:a.props.errorElement,ErrorBoundary:a.props.ErrorBoundary,hasErrorBoundary:a.props.ErrorBoundary!=null||a.props.errorElement!=null,shouldRevalidate:a.props.shouldRevalidate,handle:a.props.handle,lazy:a.props.lazy};a.props.children&&(i.children=_i(a.props.children,r)),n.push(i)}),n}/** + * React Router DOM v6.22.3 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */function ji(){return ji=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0)&&(n[l]=t[l]);return n}function hb(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}function vb(t,e){return t.button===0&&(!e||e==="_self")&&!hb(t)}function Ri(t){return t===void 0&&(t=""),new URLSearchParams(typeof t=="string"||Array.isArray(t)||t instanceof URLSearchParams?t:Object.keys(t).reduce((e,n)=>{let a=t[n];return e.concat(Array.isArray(a)?a.map(l=>[n,l]):[[n,a]])},[]))}function gb(t,e){let n=Ri(t);return e&&e.forEach((a,l)=>{n.has(l)||e.getAll(l).forEach(r=>{n.append(l,r)})}),n}const yb=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],Db="6";try{window.__reactRouterVersion=Db}catch{}const xb="startTransition",eu=dm[xb];function Tb(t){let{basename:e,children:n,future:a,window:l}=t,r=d.useRef();r.current==null&&(r.current=Bp({window:l,v5Compat:!0}));let i=r.current,[s,u]=d.useState({action:i.action,location:i.location}),{v7_startTransition:c}=a||{},f=d.useCallback(h=>{c&&eu?eu(()=>u(h)):u(h)},[u,c]);return d.useLayoutEffect(()=>i.listen(f),[i,f]),d.createElement(fb,{basename:e,children:n,location:s.location,navigationType:s.action,navigator:i,future:a})}const Bb=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",wb=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Sb=d.forwardRef(function(e,n){let{onClick:a,relative:l,reloadDocument:r,replace:i,state:s,target:u,to:c,preventScrollReset:f,unstable_viewTransition:h}=e,b=bb(e,yb),{basename:g}=d.useContext(Fe),T,y=!1;if(typeof c=="string"&&wb.test(c)&&(T=c,Bb))try{let v=new URL(window.location.href),D=c.startsWith("//")?new URL(v.protocol+c):new URL(c),w=_o(D.pathname,g);D.origin===v.origin&&w!=null?c=w+D.search+D.hash:y=!0}catch{}let I=Xp(c,{relative:l}),p=Ib(c,{replace:i,state:s,target:u,preventScrollReset:f,relative:l,unstable_viewTransition:h});function m(v){a&&a(v),v.defaultPrevented||p(v)}return d.createElement("a",ji({},b,{href:T||I,onClick:y||r?a:m,ref:n,target:u}))});var nu;(function(t){t.UseScrollRestoration="useScrollRestoration",t.UseSubmit="useSubmit",t.UseSubmitFetcher="useSubmitFetcher",t.UseFetcher="useFetcher",t.useViewTransitionState="useViewTransitionState"})(nu||(nu={}));var au;(function(t){t.UseFetcher="useFetcher",t.UseFetchers="useFetchers",t.UseScrollRestoration="useScrollRestoration"})(au||(au={}));function Ib(t,e){let{target:n,replace:a,state:l,preventScrollReset:r,relative:i,unstable_viewTransition:s}=e===void 0?{}:e,u=Fo(),c=ln(),f=Sd(t,{relative:i});return d.useCallback(h=>{if(vb(h,n)){h.preventDefault();let b=a!==void 0?a:jl(c)===jl(f);u(t,{replace:b,state:l,preventScrollReset:r,relative:i,unstable_viewTransition:s})}},[c,u,f,a,l,n,t,r,i,s])}function Nd(t){let e=d.useRef(Ri(t)),n=d.useRef(!1),a=ln(),l=d.useMemo(()=>gb(a.search,n.current?null:e.current),[a.search]),r=Fo(),i=d.useCallback((s,u)=>{const c=Ri(typeof s=="function"?s(l):s);n.current=!0,r("?"+c,u)},[r,l]);return[l,i]}const ft=()=>{var t,e;if(typeof window<"u"){if((t=window.crypto)!=null&&t.randomUUID)return window.crypto.randomUUID();if((e=window.crypto)!=null&&e.getRandomValues)return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}return Math.random().toString().substring(2)},kd=(t,e)=>{const n=t.children;Object.values(n).forEach(a=>{a.setAttribute(e.key,e.value),a.children.length>0&&kd(a,e)})},z=(...t)=>{let e="";return t.forEach((n,a)=>{if(n)if(typeof n=="string")e+=`${n} `;else for(let l in n)n[l]&&(e+=`${l} `)}),e.trim()},Cb=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],M=(t,e)=>Object.keys(t).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||Cb.includes(n))&&!e.includes(n)).reduce((n,a)=>(n[a]=t[a],n),{}),Nb=t=>{const{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&n<=a},kb=t=>{const{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&n<=a},Pb=t=>{var I;const{top:e,bottom:n,left:a,right:l,height:r,width:i}=t.getBoundingClientRect(),{innerHeight:s,innerWidth:u}=window;let c=e<0,f=n>s,h=a<0,b=l>u;const g=t.hasAttribute("data-outside-vy"),T=t.hasAttribute("data-outside-vx"),y=(I=t==null?void 0:t.parentElement)==null?void 0:I.getBoundingClientRect();return y&&(g&&(t.getAttribute("data-outside-vy")==="top"?c=y.top-(n-y.bottom)<0:f=y.bottom+(y.top-e)>s),T&&(t.getAttribute("data-outside-vx")==="left"?h=y.left-(l-y.right)<0:b=y.right+(y.left-a)>u)),{outTop:c,outBottom:f,outLeft:h,outRight:b}},Pd=t=>{const{outTop:e,outBottom:n,outLeft:a,outRight:l}=Pb(t);e||n?t.setAttribute("data-outside-vy",e?"top":"bottom"):t.removeAttribute("data-outside-vy"),a||l?t.setAttribute("data-outside-vx",l?"right":"left"):t.removeAttribute("data-outside-vx")};function Eb(t,e){const n=e||d.useRef(e);function a(l){t.onClick&&t.onClick(l)}return o.jsx("button",{ref:n,...M(t,[]),id:t.id,className:z("db-button",t.className),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,"data-no-text":t.noText,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:l=>a(l),children:t.children})}const Lb=d.forwardRef(Eb),J=Lb,A="OVERWRITE_DEFAULT_ID",zo="LABEL SHOULD BE SET",Ee="-message",Le="-valid-message",_e="-invalid-message",lu="-placeholder",ar="TODO: Add a validMessage",lr="TODO: Add an invalidMessage",_b="Back",Ed="Close Button";var Ld=(t=>(t.FUNCTIONAL="functional",t.REGULAR="regular",t.EXPRESSIVE="expressive",t))(Ld||{});Object.entries(Ld).map(([,t])=>t);var _d=(t=>(t.PRIMARY="primary",t))(_d||{}),jd=(t=>(t.NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",t.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",t.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",t.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",t.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",t.BRAND_BG_LEVEL_1="brand-bg-lvl-1",t.BRAND_BG_LEVEL_2="brand-bg-lvl-2",t.BRAND_BG_LEVEL_3="brand-bg-lvl-3",t.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",t.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",t.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",t.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",t.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",t.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",t.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",t.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",t.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",t.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",t.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",t.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",t.WARNING_BG_LEVEL_1="warning-bg-lvl-1",t.WARNING_BG_LEVEL_2="warning-bg-lvl-2",t.WARNING_BG_LEVEL_3="warning-bg-lvl-3",t.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",t.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",t.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",t.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",t.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",t.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",t.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",t))(jd||{});Object.entries(jd).map(([,t])=>t);Object.entries(_d).map(([,t])=>t);var Rd=(t=>(t.CRITICAL="critical",t.INFORMATIONAL="informational",t.WARNING="warning",t.SUCCESSFUL="successful",t))(Rd||{});Object.entries(Rd).map(([,t])=>t);function jb(t,e){const n=e||d.useRef(e);function a(l){t.onClose&&t.onClose()}return o.jsxs("div",{ref:n,...M(t,[]),id:t.id,className:z("db-notification",t.className),"aria-live":t.ariaLive,"data-semantic":t.semantic,"data-variant":t.variant,"data-icon":t.icon,"data-link-variant":t.linkVariant,children:[o.jsx(o.Fragment,{children:t.image}),t.headline?o.jsx("h6",{children:t.headline}):null,o.jsx("p",{children:t.children}),t.timestamp?o.jsx("span",{children:t.timestamp}):null,o.jsx(o.Fragment,{children:t.link}),t.behaviour!=="permanent"?o.jsx(J,{icon:"cross",variant:"ghost",size:"small",id:t.closeButtonId,noText:!0,onClick:l=>a(),children:t.closeButtonText??Ed}):null]})}const Rb=d.forwardRef(jb),Ab=Rb;function Fb(t,e){const n=e||d.useRef(e);return o.jsx("span",{ref:n,...M(t,[]),id:t.id,className:z("db-badge",t.className),"data-semantic":t.semantic,"data-size":t.size,"data-emphasis":t.emphasis,"data-placement":t.placement,children:t.children})}const zb=d.forwardRef(Fb),Yt=zb;function Mb(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>({icon:"db"}));return o.jsx("div",{ref:n,...M(t,[]),"data-icon":t.hideLogo?"none":t.icon??a.icon,id:t.id,className:z("db-brand",t.className),children:t.children})}const Ub=d.forwardRef(Mb),Ad=Ub;function Ob(t,e){const n=e||d.useRef(e);function a(l){t.onClick&&t.onClick(l)}return o.jsx("div",{ref:n,...M(t,[]),id:t.id,"data-behaviour":t.behaviour,"data-elevation-level":t.elevationLevel,"data-spacing":t.spacing,role:t.behaviour==="interactive"?"button":void 0,tabIndex:t.behaviour==="interactive"?0:void 0,onClick:l=>a(l),className:z("db-card",t.className),children:t.children})}const Vb=d.forwardRef(Ob),Fd=Vb;function $b(t,e){const n=e||d.useRef(e);return o.jsx("span",{ref:n,...M(t,[]),id:t.id,className:z("db-infotext",t.className),"data-icon":t.icon,"data-semantic":t.semantic,"data-size":t.size,children:t.children})}const Wb=d.forwardRef($b),Z=Wb;function Hb(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1),[r,i]=d.useState(()=>A),[s,u]=d.useState(()=>A+Ee),[c,f]=d.useState(()=>A+Le),[h,b]=d.useState(()=>A+_e),[g,T]=d.useState(()=>"");function y(D){t.onChange&&t.onChange(D),t.change&&t.change(D)}function I(D){t.onBlur&&t.onBlur(D),t.blur&&t.blur(D)}function p(D){t.onFocus&&t.onFocus(D),t.focus&&t.focus(D)}function m(){return t.validMessage||ar}function v(){var D;return t.invalidMessage||((D=n.current)==null?void 0:D.validationMessage)||lr}return d.useEffect(()=>{l(!0),i(t.id||"checkbox-"+ft())},[]),d.useEffect(()=>{a&&r&&(u(r+Ee),f(r+Le),b(r+_e),T([s,c,h].join(" ")))},[r,a]),d.useEffect(()=>{if(a&&document&&r){const D=document==null?void 0:document.getElementById(r);D&&(t.checked!=null&&(D.checked=t.checked),t.indeterminate!==void 0&&(D.indeterminate=t.indeterminate))}},[a,t.indeterminate,t.checked]),o.jsxs("div",{"data-size":t.size,"data-variant":t.variant,className:z("db-checkbox",t.className),children:[o.jsxs("label",{htmlFor:r,children:[o.jsx("input",{type:"checkbox","aria-invalid":t.customValidity==="invalid","data-custom-validity":t.customValidity,ref:n,...M(t,[]),id:r,name:t.name,checked:t.checked,disabled:t.disabled,value:t.value,required:t.required,onChange:D=>y(D),onBlur:D=>I(D),onFocus:D=>p(D),"aria-describedby":g}),t.label?o.jsx("span",{children:t.label}):null,t.children]}),t.message?o.jsx(Z,{size:"small",icon:t.messageIcon,id:s,children:t.message}):null,o.jsx(Z,{size:"small",semantic:"successful",id:c,children:m()}),o.jsx(Z,{size:"small",semantic:"critical",id:h,children:v()})]})}const Gb=d.forwardRef(Hb),We=Gb;function Qb(t,e){const n=e||d.useRef(e);return o.jsx("div",{ref:n,...M(t,[]),id:t.id,"data-margin":t.margin,"data-variant":t.variant,"data-emphasis":t.emphasis,className:z("db-divider",t.className)})}const Kb=d.forwardRef(Qb),Al=Kb;function Xb(t,e){const n=e||d.useRef(e),a=d.useRef(null);function l(i){i.key==="Escape"&&i.preventDefault(),(i==="close"||i.key==="Escape"||i.target.nodeName==="DIALOG"&&t.backdrop!=="none")&&t.onClose&&t.onClose()}function r(){n!=null&&n.current&&(t.open&&!n.current.open&&(a.current&&(a.current.hidden=!1),t.backdrop==="none"?n.current.show():n.current.showModal()),!t.open&&n.current.open&&(a.current&&(a.current.hidden=!0),setTimeout(()=>{var i;a.current&&(a.current.hidden=!1),(i=n.current)==null||i.close()},401)))}return d.useEffect(()=>{r()},[]),d.useEffect(()=>{r()},[t.open]),o.jsx("dialog",{className:"db-drawer",id:t.id,ref:n,...M(t,["onClose"]),onClick:i=>{l(i)},onKeyDown:i=>l(i),"data-backdrop":t.backdrop,children:o.jsxs("article",{ref:a,className:z("db-drawer-container",t.className),"data-spacing":t.spacing,"data-width":t.width,"data-direction":t.direction,"data-rounded":t.rounded,children:[o.jsxs("header",{className:"db-drawer-header",children:[o.jsx("div",{className:"db-drawer-header-text",children:o.jsx(o.Fragment,{children:t.drawerHeader})}),t.withCloseButton?o.jsx(J,{icon:"cross",variant:"ghost",className:"button-close-drawer",id:t.closeButtonId,noText:!0,onClick:i=>l("close"),children:t.closeButtonText??Ed}):null]}),o.jsx("div",{className:"db-drawer-content",children:t.children})]})})}const Yb=d.forwardRef(Xb),zd=Yb,qb=t=>{var n,a;const{target:e}=t;return!!(!((n=e==null?void 0:e.classList)!=null&&n.contains("db-navigation-item-expand-button"))&&((a=e==null?void 0:e.parentElement)!=null&&a.classList.contains("db-navigation-item")))};function Jb(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>!1),[s,u]=d.useState(()=>!1),[c,f]=d.useState(()=>({burgerMenuLabel:"BurgerMenu"}));function h(){t.onToggle&&t.onToggle(!t.drawerOpen)}function b(g){qb(g)&&h()}return d.useEffect(()=>{i(!0),l(t.id||"header-"+ft())},[]),d.useEffect(()=>{if(r&&document&&a&&t.forceMobile){const g=document.getElementById(a);g&&kd(g,{key:"data-force-mobile",value:"true"}),u(!0)}},[r]),o.jsxs("header",{ref:n,...M(t,[]),className:z("db-header",t.className),id:a,"data-on-forcing-mobile":t.forceMobile&&!s,children:[o.jsxs(zd,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:t.drawerOpen,onClose:()=>h(),children:[o.jsxs("div",{className:"db-header-drawer-navigation",children:[o.jsx("div",{className:"db-header-navigation",onClick:g=>b(g),children:t.children}),o.jsx("div",{className:"db-header-meta-navigation",children:o.jsx(o.Fragment,{children:t.metaNavigation})})]}),o.jsx("div",{className:"db-header-action-bar",children:o.jsx(o.Fragment,{children:t.actionBar})})]}),o.jsx("div",{className:"db-header-meta-navigation",children:o.jsx(o.Fragment,{children:t.metaNavigation})}),o.jsxs("div",{className:"db-header-navigation-bar",children:[o.jsx("div",{className:"db-header-brand-container",children:o.jsx(o.Fragment,{children:t.brand})}),o.jsxs("div",{className:"db-header-navigation-container",children:[o.jsx("div",{className:"db-header-navigation",children:t.children}),o.jsx("div",{className:"db-header-call-to-action",children:o.jsx(o.Fragment,{children:t.callToAction})})]}),o.jsxs("div",{className:"db-header-action-container",children:[o.jsx("div",{className:"db-header-burger-menu-container",children:o.jsx(J,{id:"button-burger-menu",icon:"menu",variant:"ghost",noText:!0,onClick:()=>h(),children:t.burgerMenuLabel??c.burgerMenuLabel})}),o.jsx("div",{className:"db-header-action-bar",children:o.jsx(o.Fragment,{children:t.actionBar})})]})]})]})}const Zb=d.forwardRef(Jb),th=Zb;function eh(t,e){const n=e||d.useRef(e);return o.jsx("span",{"aria-hidden":"true",ref:n,...M(t,[]),id:t.id,className:z("db-icon",t.className),"data-icon":t.icon,"data-icon-weight":t.weight,"data-icon-variant":t.variant,children:t.children})}const nh=d.forwardRef(eh),sl=nh;function ah(t,e){var B;const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>A+Ee),[s,u]=d.useState(()=>A+Le),[c,f]=d.useState(()=>A+_e),[h,b]=d.useState(()=>""),[g,T]=d.useState(()=>A),[y,I]=d.useState(()=>({label:zo,placeholder:" "}));function p(x){t.onInput&&t.onInput(x),t.input&&t.input(x)}function m(x){t.onChange&&t.onChange(x),t.change&&t.change(x)}function v(x){t.onBlur&&t.onBlur(x),t.blur&&t.blur(x)}function D(x){t.onFocus&&t.onFocus(x),t.focus&&t.focus(x)}function w(){return t.validMessage||ar}function S(){var x;return t.invalidMessage||((x=n.current)==null?void 0:x.validationMessage)||lr}return d.useEffect(()=>{l(t.id||"input-"+ft()),T(t.dataListId||`datalist-${ft()}`)},[]),d.useEffect(()=>{a&&(i(a+Ee),u(a+Le),f(a+_e))},[a]),d.useEffect(()=>{t.message,b([r].join(" "))},[t.message,r,s,c]),o.jsxs("div",{className:z("db-input",t.className),"data-variant":t.variant,"data-icon":t.icon,"data-icon-after":t.iconAfter,children:[o.jsx("label",{htmlFor:a,children:t.label??y.label}),o.jsx("input",{"aria-invalid":t.customValidity==="invalid","data-custom-validity":t.customValidity,ref:n,...M(t,[]),id:a,name:t.name,type:t.type||"text",placeholder:t.placeholder??y.placeholder,disabled:t.disabled,required:t.required,step:t.step,value:t.value,maxLength:t.maxLength,minLength:t.minLength,max:t.max,min:t.min,readOnly:t.readOnly,form:t.form,pattern:t.pattern,autoComplete:t.autocomplete,onInput:x=>p(x),onChange:x=>m(x),onBlur:x=>v(x),onFocus:x=>D(x),list:t.dataList&&g,"aria-describedby":h}),t.dataList?o.jsx("datalist",{id:g,children:(B=t.dataList)==null?void 0:B.map(x=>o.jsx("option",{value:x.key,children:x.value},g+"-option-"+x.key))}):null,t.children,t.message?o.jsx(Z,{size:"small",icon:t.messageIcon,id:r,children:t.message}):null,o.jsx(Z,{size:"small",semantic:"successful",id:s,children:w()}),o.jsx(Z,{size:"small",semantic:"critical",id:c,children:S()})]})}const lh=d.forwardRef(ah),Ve=lh;function rh(t,e){const n=e||d.useRef(e);d.useState(()=>A);function a(l){t.onClick&&t.onClick(l)}return o.jsxs("a",{ref:n,...M(t,[]),id:t.id,className:z("db-link",t.className),href:t.href,target:t.target,rel:t.rel,role:t.role,hrefLang:t.hreflang,"aria-disabled":t.disabled,tabIndex:t.disabled?-1:0,"aria-selected":t.selected,"aria-label":t.label,"aria-current":t.current,"data-size":t.size,"data-variant":t.variant,"data-content":t.content||"internal",onClick:l=>a(l),children:[t.text?o.jsx("span",{children:t.text}):null,t.children]})}const ih=d.forwardRef(rh),rr=ih;function oh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1);return d.useEffect(()=>{l(!t.fadeIn),document&&t.fadeIn?document.fonts.ready.then(()=>{l(!0)}):l(!0)},[]),o.jsxs("div",{ref:n,...M(t,[]),id:t.id,className:z("db-page",t.className,{"fixed-header-footer":t.type==="fixedHeaderFooter"}),"data-fade-in":t.fadeIn,"data-fonts-loaded":a,children:[o.jsx(o.Fragment,{children:t.header}),o.jsx("main",{className:"db-main",children:t.children}),o.jsx(o.Fragment,{children:t.footer})]})}const sh=d.forwardRef(oh),uh=sh;function ch(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1),[r,i]=d.useState(()=>A);function s(f){t.onChange&&t.onChange(f),t.change&&t.change(f)}function u(f){t.onBlur&&t.onBlur(f),t.blur&&t.blur(f)}function c(f){t.onFocus&&t.onFocus(f),t.focus&&t.focus(f)}return d.useEffect(()=>{l(!0),i(t.id||"radio-"+ft())},[]),d.useEffect(()=>{if(t.checked&&a&&document&&r){const f=document==null?void 0:document.getElementById(r);f&&t.checked!=null&&(f.checked=!0)}},[a,t.checked]),o.jsxs("label",{"data-size":t.size,"data-variant":t.variant,className:z("db-radio",t.className),htmlFor:r,children:[o.jsx("input",{type:"radio","aria-invalid":t.customValidity==="invalid","data-custom-validity":t.customValidity,ref:n,...M(t,[]),id:r,name:t.name,checked:t.checked,disabled:t.disabled,"aria-describedby":t.describedbyid,value:t.value,required:t.required,onChange:f=>s(f),onBlur:f=>u(f),onFocus:f=>c(f)}),t.label?o.jsx("span",{children:t.label}):null,t.children]})}const dh=d.forwardRef(ch),Mo=dh;function mh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A);return d.useEffect(()=>{l(t.id||"section-"+ft())},[]),o.jsx("section",{ref:n,...M(t,[]),id:a,"data-size":t.size||"medium",className:z("db-section",t.className),children:o.jsx("div",{"data-variant":t.variant,children:t.children})})}const fh=d.forwardRef(mh),ph=fh;function bh(t,e){var S;const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>A+Ee),[s,u]=d.useState(()=>A+Le),[c,f]=d.useState(()=>A+_e),[h,b]=d.useState(()=>""),[g,T]=d.useState(()=>A+lu);function y(B){t.onClick&&t.onClick(B)}function I(B){t.onChange&&t.onChange(B),t.change&&t.change(B)}function p(B){t.onBlur&&t.onBlur(B),t.blur&&t.blur(B)}function m(B){t.onFocus&&t.onFocus(B),t.focus&&t.focus(B)}function v(B){return B.label??B.value.toString()}function D(){return t.validMessage||ar}function w(){var B;return t.invalidMessage||((B=n.current)==null?void 0:B.validationMessage)||lr}return d.useEffect(()=>{l(t.id||"select-"+ft())},[]),d.useEffect(()=>{a&&(T(a+lu),i(a+Ee),u(a+Le),f(a+_e),b([r,s,c].join(" ")))},[a]),o.jsxs("div",{className:z("db-select",t.className),"data-variant":t.variant,"data-icon":t.icon,children:[o.jsx("label",{htmlFor:a,children:t.label??zo}),o.jsxs("select",{"aria-invalid":t.customValidity==="invalid","data-custom-validity":t.customValidity,ref:n,...M(t,[]),required:t.required,disabled:t.disabled,id:a,name:t.name,value:t.value,autoComplete:t.autocomplete,onClick:B=>y(B),onChange:B=>I(B),onBlur:B=>p(B),onFocus:B=>m(B),"aria-describedby":t.message&&r||g,children:[o.jsx("option",{hidden:!0}),t.options?o.jsx(d.Fragment,{children:(S=t.options)==null?void 0:S.map(B=>{var x;return o.jsxs(d.Fragment,{children:[B.options?o.jsx("optgroup",{label:v(B),children:(x=B.options)==null?void 0:x.map(L=>o.jsx("option",{value:L.value,disabled:L.disabled,children:v(L)},L.value.toString()))}):null,B.options?null:o.jsx("option",{value:B.value,disabled:B.disabled,children:v(B)})]},ft())})},ft()):null,t.children]}),o.jsx("span",{id:g,children:t.placeholder??t.label}),t.message?o.jsx(Z,{size:"small",icon:t.messageIcon,id:r,children:t.message}):null,o.jsx(Z,{size:"small",semantic:"successful",id:s,children:D()}),o.jsx(Z,{size:"small",semantic:"critical",id:c,children:w()})]})}const hh=d.forwardRef(bh),wa=hh;function vh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>!1);return d.useEffect(()=>{i(!0)},[]),d.useEffect(()=>{t.active&&r&&n.current&&(n.current.click(),i(!1))},[n.current,r]),o.jsx("li",{role:"tab",className:z("db-tab-item",t.className),children:o.jsxs("label",{htmlFor:a,"data-icon":t.icon,"data-icon-after":t.iconAfter,"data-no-text":t.noText,children:[o.jsx("input",{type:"radio",role:"tab",disabled:t.disabled,ref:n,...M(t,[]),id:a}),t.label?o.jsx(o.Fragment,{children:t.label}):null,t.children]})})}const gh=d.forwardRef(vh),vt=gh;function yh(t,e){const n=e||d.useRef(e);function a(){t.onRemove&&t.onRemove()}function l(){return t.removeButton?t.removeButton:"Remove tag"}return o.jsxs("div",{ref:n,...M(t,[]),id:t.id,className:z("db-tag",t.className),"data-disabled":t.disabled,"data-semantic":t.semantic,"data-emphasis":t.emphasis,"data-icon":t.icon,"data-no-text":t.noText,"data-overflow":t.overflow,children:[t.children,t.text?o.jsx(o.Fragment,{children:t.text}):null,t.behaviour==="removable"?o.jsx(J,{icon:"cross",size:"small",variant:"ghost",className:"db-tab-remove-button",onClick:r=>a(),noText:!0,title:l(),children:l()}):null]})}const Dh=d.forwardRef(yh),Md=Dh;function xh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>A+Ee),[s,u]=d.useState(()=>A+Le),[c,f]=d.useState(()=>A+_e),[h,b]=d.useState(()=>""),[g,T]=d.useState(()=>({label:zo,placeholder:" ",rows:"4"}));function y(w){t.onInput&&t.onInput(w),t.input&&t.input(w)}function I(w){t.onChange&&t.onChange(w),t.change&&t.change(w)}function p(w){t.onBlur&&t.onBlur(w),t.blur&&t.blur(w)}function m(w){t.onFocus&&t.onFocus(w),t.focus&&t.focus(w)}function v(){return t.validMessage||ar}function D(){var w;return t.invalidMessage||((w=n.current)==null?void 0:w.validationMessage)||lr}return d.useEffect(()=>{l(t.id||"textarea-"+ft())},[]),d.useEffect(()=>{a&&(i(a+Ee),u(a+Le),f(a+_e),b([r,s,c].join(" ")))},[a]),o.jsxs("div",{className:z("db-textarea",t.className),"data-variant":t.variant,children:[o.jsx("label",{htmlFor:a,children:t.label??g.label}),o.jsx("textarea",{"aria-invalid":t.customValidity==="invalid","data-custom-validity":t.customValidity,ref:n,...M(t,[]),id:a,"data-resize":t.resize,disabled:t.disabled,required:t.required,readOnly:t.readOnly,form:t.form,maxLength:t.maxLength,minLength:t.minLength,name:t.name,wrap:t.wrap,spellCheck:t.spellCheck,autoComplete:t.autocomplete,onInput:w=>y(w),onChange:w=>I(w),onBlur:w=>p(w),onFocus:w=>m(w),value:t.value,"aria-describedby":t.message&&r,placeholder:t.placeholder??g.placeholder,rows:t.rows??g.rows,cols:t.cols}),t.message?o.jsx(Z,{size:"small",icon:t.messageIcon,id:r,children:t.message}):null,o.jsx(Z,{size:"small",semantic:"successful",id:s,children:v()}),o.jsx(Z,{size:"small",semantic:"critical",id:c,children:D()})]})}const Th=d.forwardRef(xh),ul=Th;function Bh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1),[r,i]=d.useState(()=>!1),[s,u]=d.useState(()=>!0),[c,f]=d.useState(()=>!1),[h,b]=d.useState(()=>"sub-navigation-"+ft());function g(y){t.onClick&&t.onClick(y),r&&f(!0)}function T(y){y.stopPropagation(),f(!1)}return d.useEffect(()=>{l(!0)},[]),d.useEffect(()=>{t.subNavigationExpanded!==void 0&&f(!!t.subNavigationExpanded)},[t.subNavigationExpanded]),d.useEffect(()=>{if(t.areaPopup!==void 0)i(t.areaPopup),u(r);else if(a&&document&&h){const y=document==null?void 0:document.getElementById(h);if(y){const I=y.children;(I==null?void 0:I.length)>0?(i(!0),Nb(y)||y.setAttribute("data-outside-vx","true"),kb(y)||y.setAttribute("data-outside-vy","true")):u(!1)}}},[a,t.areaPopup]),o.jsxs("li",{ref:n,...M(t,[]),id:t.id,className:z("db-navigation-item",t.className),"data-width":t.width,"data-icon":t.icon,"aria-current":t.active?"page":void 0,"aria-disabled":t.disabled,children:[s?null:o.jsx(o.Fragment,{children:t.children}),s?o.jsxs(o.Fragment,{children:[o.jsx("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":c,disabled:t.disabled,onClick:y=>g(y),children:t.children}),o.jsxs("menu",{className:"db-sub-navigation",id:h,children:[r?o.jsx("div",{className:"db-mobile-navigation-back",children:o.jsx(J,{icon:"arrow_left",variant:"ghost",id:t.backButtonId,onClick:y=>T(y),children:t.backButtonText??_b})}):null,o.jsx(o.Fragment,{children:t.subNavigation})]})]}):null]})}const wh=d.forwardRef(Bh),$t=wh;function Sh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>!1);function s(u){u==null||u.preventDefault();const c=!r;t.onToggle&&t.onToggle(c),i(c)}return d.useEffect(()=>{l(t.id||"accordion-item-"+ft()),t.defaultOpen&&i(t.defaultOpen)},[]),o.jsxs("details",{ref:n,...M(t,[]),id:a,className:z("db-accordion-item",t.className),"aria-disabled":t.disabled,open:r,name:t.name,children:[o.jsxs("summary",{onClick:u=>s(u),children:[t.headlinePlain?o.jsx(o.Fragment,{children:t.headlinePlain}):null,t.headlinePlain?null:o.jsx(o.Fragment,{children:t.headline})]}),o.jsxs("div",{children:[t.content?o.jsx(o.Fragment,{children:t.content}):null,t.content?null:o.jsx(o.Fragment,{children:t.children})]})]})}const Ih=d.forwardRef(Sh),Sn=Ih;function Ch(t,e){var h;const n=e||d.useRef(e),[a,l]=d.useState(()=>[]),[r,i]=d.useState(()=>""),[s,u]=d.useState(()=>!1);function c(b){try{return typeof b=="string"?JSON.parse(b):b}catch(g){console.error(g)}}function f(b){a.includes(b)?t.behaviour==="single"?l([]):l(a.filter(g=>g!==b)):t.behaviour==="single"?l([b]):l([...a,b]),t.onChange&&t.onChange(a)}return d.useEffect(()=>{u(!0)},[]),d.useEffect(()=>{if(n.current&&s){const b=n.current.getElementsByTagName("details");if(b){let g=[];Array.from(b).forEach((T,y)=>{var m;const I=T.id;(T.open||(m=t.initOpenIndex)!=null&&m.includes(y))&&g.push(I);const p=T.getElementsByTagName("summary");(p==null?void 0:p.length)>0&&p[0].addEventListener("click",()=>{i(I)})}),t.behaviour==="single"&&g.length>1&&(g=[g[0]]),l(g),u(!1)}}},[n.current,s]),d.useEffect(()=>{(r==null?void 0:r.length)>0&&(f(r),i(""))},[r]),d.useEffect(()=>{if(n!=null&&n.current){const b=n.current.getElementsByTagName("details");b&&Array.from(b).forEach(g=>{g.open=a.includes(g.id)})}},[a]),o.jsxs("div",{ref:n,...M(t,[]),id:t.id,className:z("db-accordion",t.className),"data-variant":t.variant,children:[t.items?null:o.jsx(o.Fragment,{children:t.children}),t.items?o.jsx(o.Fragment,{children:(h=c(t.items))==null?void 0:h.map((b,g)=>o.jsx(Sn,{headlinePlain:b.headlinePlain,disabled:b.disabled,content:b.content},`accordion-item-${g}`))}):null]})}const Nh=d.forwardRef(Ch),Ud=Nh;function kh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A);return d.useEffect(()=>{l(t.id||"navigation-"+ft())},[]),o.jsx("nav",{ref:n,...M(t,[]),id:a,className:z("db-navigation",t.className),children:o.jsx("menu",{children:t.children})})}const Ph=d.forwardRef(kh),Od=Ph;function Eh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1);function r(){if(!n.current)return;const i=n.current.querySelector("article");i&&Pd(i)}return d.useEffect(()=>{l(!0)},[]),d.useEffect(()=>{if(n.current&&a){const i=Array.from(n.current.children);i.length>=2&&(i[0].ariaHasPopup="true"),l(!1)}},[n.current,a]),o.jsxs("div",{ref:n,...M(t,[]),id:t.id,className:z("db-popover",t.className),onFocus:i=>r(),onMouseEnter:i=>r(),children:[o.jsx(o.Fragment,{children:t.trigger}),o.jsx("article",{className:"db-popover-content","data-spacing":t.spacing,"data-gap":t.gap,"data-animation":t.animation,"data-open":t.open,"data-delay":t.delay,"data-width":t.width,"data-placement":t.placement,children:t.children})]})}const Lh=d.forwardRef(Eh),_h=Lh;function jh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>!1);function r(s){s.stopPropagation()}function i(){n!=null&&n.current&&Pd(n.current)}return d.useEffect(()=>{l(!0)},[]),d.useEffect(()=>{if(n.current&&a){const s=n.current.parentElement;s&&["mouseenter","focus"].forEach(u=>{s.addEventListener(u,()=>i())}),l(!1)}},[n.current,a]),o.jsx("i",{role:"tooltip","data-gap":"true",ref:n,...M(t,[]),id:t.id,"data-emphasis":t.emphasis,"data-animation":t.animation,"data-delay":t.delay,"data-width":t.width,"data-variant":t.variant,"data-placement":t.placement,onClick:s=>r(s),className:z("db-tooltip",t.className),children:t.children})}const Rh=d.forwardRef(jh),Ah=Rh;function Fh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A);return d.useEffect(()=>{l(t.id||"tab-list-"+ft())},[]),o.jsx("div",{role:"tablist",ref:n,...M(t,[]),id:a,className:z("db-tab-list",t.className),children:o.jsx("ul",{children:t.children})})}const zh=d.forwardRef(Fh),Fl=zh;function Mh(t,e){const n=e||d.useRef(e),[a,l]=d.useState(()=>A);return d.useEffect(()=>{},[]),o.jsxs("article",{role:"tabpanel",ref:n,...M(t,[]),className:z("db-tab-panel",t.className),id:a,children:[t.content?o.jsx(o.Fragment,{children:t.content}):null,t.children]})}const Uh=d.forwardRef(Mh),xt=Uh;function Oh(t,e){var D,w;const n=e||d.useRef(e),[a,l]=d.useState(()=>A),[r,i]=d.useState(()=>""),[s,u]=d.useState(()=>!1),[c,f]=d.useState(()=>!1),[h,b]=d.useState(()=>!1),[g,T]=d.useState(()=>null);function y(S){try{return typeof S=="string"?JSON.parse(S):S}catch(B){console.error(B)}}function I(S){const B=S.scrollWidth>S.clientWidth;f(B&&S.scrollLeft>1),b(B&&S.scrollLeft0){const B=S.item(0);if(B&&(B.getAttributeNames().includes("aria-orientation")||B.setAttribute("aria-orientation",t.orientation||"horizontal"),t.behaviour==="arrows")){const x=B.querySelector("ul");T(x),I(x),x.addEventListener("scroll",()=>{I(x)})}}}}function v(S){if(n.current){const B=n.current.getElementsByClassName("db-tab-item");(B==null?void 0:B.length)>0&&Array.from(B).forEach((L,P)=>{const bt=L.querySelector("label"),Mt=L.querySelector("input");if(Mt&&bt){if(Mt.id===A){const Kt=`${r}-tab-${P}`;bt.setAttribute("for",Kt),bt.setAttribute("aria-controls",`${r}-tab-panel-${P}`),Mt.id=Kt,Mt.setAttribute("name",r)}if(S){const Kt=!t.initialSelectedMode||t.initialSelectedMode==="auto",Pa=t.initialSelectedIndex===void 0&&P===0||t.initialSelectedIndex===P;Kt&&Pa&&Mt.click()}}});const x=n.current.getElementsByClassName("db-tab-panel");(x==null?void 0:x.length)>0&&Array.from(x).forEach((L,P)=>{L.id===A&&(L.id=`${r}-tab-panel-${P}`,L.setAttribute("aria-labelledby",`${r}-tab-${P}`))})}}return d.useEffect(()=>{l(t.id||"tabs-"+ft()),i(t.name||ft()),u(!0)},[]),d.useEffect(()=>{if(n.current&&s){m(),v(!0);const S=n.current.getElementsByClassName("db-tab-list");(S==null?void 0:S.length)>0&&new MutationObserver(x=>{x.forEach(L=>{(L.removedNodes.length||L.addedNodes.length)&&(m(),v())})}).observe(S[0],{childList:!0,subtree:!0}),u(!1)}},[n.current,s]),o.jsxs("div",{ref:n,...M(t,[]),id:a,className:z("db-tabs",t.className),"data-orientation":t.orientation,"data-scroll-behaviour":t.behaviour,"data-alignment":t.alignment??"start","data-width":t.width??"auto",children:[c?o.jsx(J,{variant:"ghost",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:S=>p(!0),children:"Scroll left"}):null,t.tabs?o.jsxs(o.Fragment,{children:[o.jsx(Fl,{children:(D=y(t.tabs))==null?void 0:D.map((S,B)=>o.jsx(vt,{active:S.active,label:S.label,iconAfter:S.iconAfter,icon:S.icon,noText:S.noText},t.name+"tab-item"+B))}),(w=y(t.tabs))==null?void 0:w.map((S,B)=>o.jsx(xt,{content:S.content,children:S.children},t.name+"tab-panel"+B))]}):null,h?o.jsx(J,{variant:"ghost",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:S=>p(),children:"Scroll right"}):null,t.children]})}const Vh=d.forwardRef(Oh),Ai=Vh,zl="density",Ml="color";var ir=(t=>(t.FUNCTIONAL="functional",t.REGULAR="regular",t.EXPRESSIVE="expressive",t))(ir||{});const $h=Object.entries(ir).map(([,t])=>t);var Vd=(t=>(t.PRIMARY="primary",t))(Vd||{}),or=(t=>(t.NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",t.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",t.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",t.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",t.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",t.BRAND_BG_LEVEL_1="brand-bg-lvl-1",t.BRAND_BG_LEVEL_2="brand-bg-lvl-2",t.BRAND_BG_LEVEL_3="brand-bg-lvl-3",t.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",t.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",t.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",t.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",t.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",t.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",t.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",t.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",t.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",t.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",t.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",t.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",t.WARNING_BG_LEVEL_1="warning-bg-lvl-1",t.WARNING_BG_LEVEL_2="warning-bg-lvl-2",t.WARNING_BG_LEVEL_3="warning-bg-lvl-3",t.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",t.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",t.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",t.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",t.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",t.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",t.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",t))(or||{});const Wh=Object.entries(or).map(([,t])=>t);Object.entries(Vd).map(([,t])=>t);var $d=(t=>(t.CRITICAL="critical",t.INFORMATIONAL="informational",t.WARNING="warning",t.SUCCESSFUL="successful",t))($d||{});Object.entries($d).map(([,t])=>t);const Wd=()=>{const[t,e]=Nd(),[n,a]=d.useState(t.get(zl)??ir.REGULAR),[l,r]=d.useState(t.get(Ml)??or.NEUTRAL_BG_LEVEL_1),[i,s]=d.useState(void 0),[u,c]=d.useState(!1),[f,h]=d.useState(!1);return d.useEffect(()=>{for(const[b,g]of t.entries())g&&(b===zl&&n!==g&&a(g),b===Ml&&l!==g&&r(g),b==="page"&&i!==g.toLowerCase()&&s(g.toLowerCase()),b==="fullscreen"&&u!==!!g&&c(!!g));h(!0)},[t]),d.useEffect(()=>{if(f){const b={density:n,color:l};i&&(b.page=i),u&&(b.fullscreen=!0),e(b)}},[l,n,i,u,f]),[n,a,l,r,i,u]},Hh=({onDensityChange:t,onColorChange:e})=>{const[n,a]=Nd(),[l,r]=d.useState(n.get(zl)??ir.REGULAR),[i,s]=d.useState(n.get(Ml)??or.NEUTRAL_BG_LEVEL_1);return d.useEffect(()=>{for(const[u,c]of n.entries())c&&(u===zl&&l!==c&&(r(c),t(c)),u===Ml&&i!==c&&(s(c),e(c)))},[n]),d.useEffect(()=>{a({density:l,color:i})},[i,l]),o.jsxs(o.Fragment,{children:[o.jsx(wa,{label:"Density",variant:"floating",value:l,onChange:u=>{var c;r((c=u==null?void 0:u.target)==null?void 0:c.value)},children:$h.map(u=>o.jsx("option",{value:u,children:u},`density-option-${u}`))}),o.jsx(wa,{label:"Color",variant:"floating",value:i,onChange:u=>{var c;s((c=u==null?void 0:u.target)==null?void 0:c.value)},children:Wh.map(u=>o.jsx("option",{value:u,children:u},`color-option-${u}`))})]})},ru=({examples:t})=>o.jsx(Fd,{className:"variants-card",children:o.jsx("div",{className:"variants-list",children:t.map((e,n)=>o.jsx("div",{style:e.style,className:e.className,children:e.example},`${e.name}-${n}`))})}),$=({title:t,variants:e})=>{const n=Wd()[4];if(n){const a=e.find(l=>l.name.toLowerCase()===n);if(a)return o.jsx(ru,{...a})}return o.jsxs("div",{className:"default-container",children:[o.jsx("h1",{children:t}),e==null?void 0:e.map((a,l)=>o.jsxs("div",{children:[o.jsx(Al,{}),o.jsx(rr,{className:"link-headline",content:"external",target:"_blank",href:`${window.location.href}&page=${a.name.toLowerCase()}`,children:a.name}),o.jsx(ru,{...a})]},`${a.name}-${l}`))]})},Gh=[{name:"Tonality",examples:[{name:"Functional",className:"db-density-functional",props:{},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"(Default) Regular",className:"db-density-regular",props:{},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"Expressive",className:"db-density-expressive",props:{},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}}]},{name:"Orientation",examples:[{name:"horizontal",props:{orientation:"horizontal"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"vertical",props:{orientation:"vertical"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}}]},{name:"Width",examples:[{name:"auto",style:{width:"100%"},props:{width:"auto"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"full - alignment: start",style:{width:"100%"},props:{width:"full"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"full - alignment: center",style:{width:"100%"},props:{width:"full",alignment:"center"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}}]},{name:"Overflow",examples:[{name:"no overflow",style:{width:"300px"},props:{width:"auto"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"with overflow - behaviour: arrows",style:{width:"300px"},props:{overflow:!0,behaviour:"arrows"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"with overflow - behaviour: scrollbar",style:{width:"300px"},props:{overflow:!0},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}}]},{name:"Examples",examples:[{name:"2 tab selected",props:{initialSelectedIndex:1},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}},{name:"nothing selected",props:{initialSelectedMode:"manually"},code:{html:`
+
+
+ +
+
+
+ Tab Panel 1 +
+
+ Tab Panel 2 +
+
+ Tab Panel 3 +
+
`,angular:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 +`,react:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `,vue:` + + Tab 1 + Tab 2 + Tab 3 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + `}}]}],W=(t,e)=>t.map((n,a)=>({...n,examples:n.examples.map((l,r)=>{var i,s;return{...l,example:e({...l.props,id:((i=l.props)==null?void 0:i.id)??l.name,children:((s=l.props)==null?void 0:s.children)??l.name})}})})),Qh=({children:t,orientation:e,width:n,alignment:a,overflow:l,behaviour:r,initialSelectedMode:i,initialSelectedIndex:s})=>o.jsxs("div",{className:"w-full",children:[o.jsxs(Z,{icon:"none",size:"small",semantic:"informational",children:[t,":"]}),o.jsxs(Ai,{orientation:e,width:n,alignment:a,behaviour:r,initialSelectedIndex:s,initialSelectedMode:i,arrowScrollDistance:75,children:[o.jsxs(Fl,{children:[o.jsx(vt,{children:"Test 1"}),o.jsx(vt,{children:"Test 2"}),o.jsx(vt,{children:"Test 3"}),l&&o.jsxs(o.Fragment,{children:[o.jsx(vt,{children:"Test 4"}),o.jsx(vt,{children:"Test 5"})]})]}),o.jsx(xt,{children:"Tab Panel 1"}),o.jsx(xt,{children:"Tab Panel 2"}),o.jsx(xt,{children:"Tab Panel 3"}),l&&o.jsxs(o.Fragment,{children:[o.jsx(xt,{children:"Tab Panel 4"}),o.jsx(xt,{children:"Tab Panel 5"})]})]})]}),Kh=()=>o.jsx($,{title:"DBTabs",variants:W(Gh,Qh)}),Xh=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional tab-hide-article",props:{label:"functional"}},{name:"(Default) Regular",className:"db-density-regular tab-hide-article",props:{label:"(Default) Regular"}},{name:"Expressive",className:"db-density-expressive tab-hide-article",props:{label:"expressive"}}]},{name:"States",examples:[{name:"(Default) Enabled",props:{label:"(Default) Enabled"}},{name:"active",props:{label:"active",active:!0}},{name:"disabled",props:{label:"active",disabled:!0}}]},{name:"Content",examples:[{name:"(Default) Text",props:{label:"(Default) Text"}},{name:"Text - Icon (Leading)",props:{label:"Text - Icon (Leading)",icon:"x_placeholder"}},{name:"Text - Icon (Trailing)",props:{label:"Text - Icon (Trailing)",iconAfter:"x_placeholder"}},{name:"Icon",props:{icon:"x_placeholder",noText:!0}}]},{name:"Behaviour",examples:[{name:"(Default) Auto Width",props:{label:"(Default) Auto Width"}},{name:"Width full",style:{width:"500px"},props:{label:"Width full",width:"full"}}]},{name:"Content Alignment Full Width",examples:[{name:"Left",style:{width:"500px"},props:{label:"Left",width:"full"}},{name:"Centered",style:{width:"500px"},props:{label:"Centered",width:"full",alignment:"center"}}]}],Yh=({children:t,active:e,noText:n,icon:a,iconAfter:l,disabled:r})=>o.jsx(vt,{active:e,noText:n,icon:a,iconAfter:l,disabled:r,children:t}),qh=t=>o.jsx($,{title:"DBTabItem",variants:W(Xh,Yh)}),Jh=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{content:"Tooltip",id:"tooltip-01"}},{name:"(Default) Regular",className:"db-density-regular",props:{content:"Tooltip",id:"tooltip-02"}},{name:"Expressive",className:"db-density-expressive",props:{content:"Tooltip",id:"tooltip-03"}}]},{name:"Variant",examples:[{name:"(Default) With arrow",props:{content:"Tooltip",id:"tooltip-04"}},{name:"Basic",props:{content:"Tooltip",variant:"basic",id:"tooltip-05"}}]},{name:"Emphasis",examples:[{name:"(Default) Weak",props:{content:"Tooltip",id:"tooltip-06"}},{name:"Strong",props:{content:"Tooltip",emphasis:"strong",id:"tooltip-07"}}]},{name:"Placement",examples:[{name:"bottom-start",props:{content:"Tooltip",placement:"bottom-start",id:"tooltip-08-start"}},{name:"(Default) bottom",props:{content:"Tooltip",placement:"bottom",id:"tooltip-08"}},{name:"bottom-end",props:{content:"Tooltip",placement:"bottom-end",id:"tooltip-08-end"}},{name:"left-start",props:{content:"Tooltip",placement:"left-start",id:"tooltip-10-start"}},{name:"left",props:{content:"Tooltip",placement:"left",id:"tooltip-10"}},{name:"left-end",props:{content:"Tooltip",placement:"left-end",id:"tooltip-10-end"}},{name:"right-start",props:{content:"Tooltip",placement:"right-start",id:"tooltip-11-start"}},{name:"right",props:{content:"Tooltip",placement:"right",id:"tooltip-11"}},{name:"right-end",props:{content:"Tooltip",placement:"right-end",id:"tooltip-11-end"}},{name:"top-start",props:{content:"Tooltip",placement:"top-start",id:"tooltip-09-start"}},{name:"top",props:{content:"Tooltip",placement:"top",id:"tooltip-09"}},{name:"top-end",props:{content:"Tooltip",placement:"top-end",id:"tooltip-09-end"}}]},{name:"Width",examples:[{name:"(Default) Auto",props:{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",id:"tooltip-12"}},{name:"Fixed",props:{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",width:"fixed",id:"tooltip-13"}}]},{name:"Animations",examples:[{name:"(Default) Animation no delay",props:{content:"Tooltip",id:"tooltip-14"}},{name:"Delay slow",props:{content:"Tooltip",delay:"slow",id:"tooltip-15"}},{name:"Delay fast",props:{content:"Tooltip",delay:"fast",id:"tooltip-16"}},{name:"No animation",props:{content:"Tooltip",animation:"disabled",id:"tooltip-17"}}]}],Zh=({children:t,width:e,emphasis:n,placement:a,delay:l,content:r,animation:i,variant:s,id:u})=>o.jsxs(J,{describedbyid:u,children:[t,o.jsx(Ah,{width:e,emphasis:n,placement:a,animation:i,delay:l,variant:s,id:u,children:r})]}),tv=()=>o.jsx($,{title:"DBTooltip",variants:W(Jh,Zh)}),ev=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{id:"popover-01"}},{name:"(Default) Regular",className:"db-density-regular",props:{id:"popover-02"}},{name:"Expressive",className:"db-density-expressive",props:{id:"popover-03"}}]},{name:"Spacing",examples:[{name:"(Default) Small",props:{spacing:"small",id:"popover-04"}},{name:"Medium",props:{spacing:"medium",id:"popover-05"}},{name:"None",props:{spacing:"none",id:"popover-06"}}]},{name:"Placement",examples:[{name:"bottom-start",props:{placement:"bottom-start",id:"popover-07-start"}},{name:"(Default) bottom",props:{placement:"bottom",id:"popover-07"}},{name:"bottom-end",props:{placement:"bottom-end",id:"popover-07-end"}},{name:"left-start",props:{placement:"left-start",id:"popover-09-start"}},{name:"left",props:{placement:"left",id:"popover-09"}},{name:"left-end",props:{placement:"left-end",id:"popover-09-end"}},{name:"right-start",props:{placement:"right-start",id:"popover-10-start"}},{name:"right",props:{placement:"right",id:"popover-10"}},{name:"right-end",props:{placement:"right-end",id:"popover-10-end"}},{name:"top-start",props:{placement:"top-start",id:"popover-08-start"}},{name:"top",props:{placement:"top",id:"popover-08"}},{name:"top-end",props:{placement:"top-end",id:"popover-08-end"}}]},{name:"Gap",examples:[{name:"(Default) No gap",props:{id:"popover-11"}},{name:"With gap",props:{gap:!0,id:"popover-12"}}]},{name:"Animations",examples:[{name:"(Default) Animation no delay",props:{id:"popover-13"}},{name:"Delay slow",props:{delay:"slow",id:"popover-14"}},{name:"Delay fast",props:{delay:"fast",id:"popover-15"}},{name:"No animation",props:{animation:"disabled",id:"popover-16"}}]},{name:"Width",examples:[{name:"(Default) Auto",props:{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",id:"popover-17"}},{name:"Fixed",props:{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",width:"fixed",id:"popover-18"}}]}],nv=({id:t,children:e,width:n,gap:a,spacing:l,placement:r,delay:i,content:s,animation:u})=>o.jsx(_h,{trigger:o.jsx(J,{children:e}),width:n,gap:a,spacing:l,placement:r,animation:u,delay:i,id:t,children:s??o.jsxs(o.Fragment,{children:[o.jsxs("ul",{className:"popover-list",children:[o.jsx("li",{children:"Popover Custom Item 1"}),o.jsx("li",{children:"Popover Custom Item 2"})]}),o.jsx(J,{children:"Popover Custom Item 3"})]})}),av=()=>o.jsx($,{title:"DBPopover",variants:W(ev,nv)}),lv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{headlinePlain:"Functional"}},{name:"(Default) Regular",className:"db-density-regular",props:{headlinePlain:"(Default) Regular"}},{name:"Expressive",className:"db-density-expressive",props:{headlinePlain:"Expressive"}}]},{name:"Interaction States",examples:[{name:"Enabled (Default)/Hover/Pressed",props:{headlinePlain:"Enabled (Default)/Hover/Pressed"}},{name:"Disabled",props:{headlinePlain:"Disabled",disabled:!0}}]},{name:"Content States",examples:[{name:"(Default) Collapsed",props:{headlinePlain:"(Default) Collapsed"}},{name:"Open",props:{headlinePlain:"Open",open:!0}}]}],rv=({children:t,disabled:e,open:n,headlinePlain:a})=>o.jsx(Sn,{headlinePlain:a,disabled:e,defaultOpen:n,children:t}),iv=t=>o.jsx($,{title:"DBAccordionItem",variants:W(lv,rv)}),ov=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}},{name:"(Default) Regular",className:"db-density-regular",props:{},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}},{name:"Expressive",className:"db-density-expressive",props:{},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}}]},{name:"Variant",examples:[{name:"background (default)",props:{},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}},{name:"card",props:{variant:"card"},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}}]},{name:"Behaviour",examples:[{name:"(Default) Multiple",props:{behaviour:"multiple"},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}},{name:"Single",props:{behaviour:"single"},code:{html:"The accordion is a pure JS Component",angular:` + + + + `,react:` + + + + `,vue:` + + + + `}}]}],sv=({behaviour:t,children:e,variant:n})=>o.jsxs(o.Fragment,{children:[o.jsx(Z,{size:"small",semantic:"informational",icon:"none",children:e}),o.jsxs(Ud,{behaviour:t,variant:n,children:[o.jsx(Sn,{headlinePlain:"Item 1",content:"Content 1"}),o.jsx(Sn,{headlinePlain:"Item 2",content:"Content 2"}),o.jsx(Sn,{headlinePlain:"Item 3",content:"Content 3"})]})]}),uv=()=>o.jsx("div",{children:o.jsx($,{title:"DBAccordion",variants:W(ov,sv)})}),cv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{},code:{html:``,angular:` + + + + + Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 2 + + + + + + + Sub-Navi-Item 2 + + + + Navi-Item 1 + + + + Navi-Item 2 + + + + + Navi-Item 3 + + +`,react:` + + + + Sub-Sub-Navi-Item 1 + + + Sub-Sub-Navi-Item 2 + + + } + > + Sub-Navi-Item 1 + + + Sub-Navi-Item 2 + + + } + > + Navi-Item 1 + + + Navi-Item 2 + + + Navi-Item 3 + + `,vue:` + + Navi-Item 1 + + + + Navi-Item 2 + + + Navi-Item 3 + + `}},{name:"(Default) Regular",className:"db-density-regular",props:{},code:{html:``,angular:` + + + + + Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 2 + + + + + + + Sub-Navi-Item 2 + + + + Navi-Item 1 + + + + Navi-Item 2 + + + + + Navi-Item 3 + + +`,react:` + + + + Sub-Sub-Navi-Item 1 + + + Sub-Sub-Navi-Item 2 + + + } + > + Sub-Navi-Item 1 + + + Sub-Navi-Item 2 + + + } + > + Navi-Item 1 + + + Navi-Item 2 + + + Navi-Item 3 + + `,vue:` + + Navi-Item 1 + + + + Navi-Item 2 + + + Navi-Item 3 + + `}},{name:"Expressive",className:"db-density-expressive",props:{},code:{html:``,angular:` + + + + + Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 1 + + + + + Sub-Sub-Navi-Item 2 + + + + + + + Sub-Navi-Item 2 + + + + Navi-Item 1 + + + + Navi-Item 2 + + + + + Navi-Item 3 + + +`,react:` + + + + Sub-Sub-Navi-Item 1 + + + Sub-Sub-Navi-Item 2 + + + } + > + Sub-Navi-Item 1 + + + Sub-Navi-Item 2 + + + } + > + Navi-Item 1 + + + Navi-Item 2 + + + Navi-Item 3 + + `,vue:` + + Navi-Item 1 + + + + Navi-Item 2 + + + Navi-Item 3 + + `}}]}],dv=({children:t})=>o.jsxs("div",{children:[o.jsxs("h6",{children:[t,":"]}),o.jsxs(Od,{children:[o.jsx($t,{active:!0,subNavigation:o.jsxs(o.Fragment,{children:[o.jsx($t,{active:!0,subNavigation:o.jsxs(o.Fragment,{children:[o.jsx($t,{active:!0,children:o.jsx("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),o.jsx($t,{children:o.jsx("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),o.jsx($t,{children:o.jsx("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),o.jsx($t,{icon:"user",children:o.jsx("a",{href:"#",children:"Navi-Item 2"})}),o.jsx($t,{disabled:!0,children:o.jsx("a",{href:"#",children:"Navi-Item 3"})})]})]}),mv=()=>o.jsx($,{title:"DBNavigation",variants:W(cv,dv)}),fv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Emphasis",examples:[{name:"(Default) Weak",props:{}},{name:"Strong",props:{emphasis:"strong"}}]},{name:"Semantic",examples:[{name:"(Default) Adaptive",props:{}},{name:"Neutral",props:{semantic:"neutral"}},{name:"Critical",props:{semantic:"critical"}},{name:"Informational",props:{semantic:"informational"}},{name:"Successful",props:{semantic:"successful"}},{name:"Warning",props:{semantic:"warning"}},{name:"Adaptive Strong",props:{emphasis:"strong"}},{name:"Neutral Strong",props:{semantic:"neutral",emphasis:"strong"}},{name:"Critical Strong",props:{semantic:"critical",emphasis:"strong"}},{name:"Informational Strong",props:{semantic:"informational",emphasis:"strong"}},{name:"Successful Strong",props:{semantic:"successful",emphasis:"strong"}},{name:"Warning Strong",props:{semantic:"warning",emphasis:"strong"}}]},{name:"Size",examples:[{name:"(Default) Small",props:{}},{name:"Medium",props:{size:"medium"}}]},{name:"Content",examples:[{name:"(Default) Text",props:{}},{name:"(Default) Text - Medium",props:{size:"medium"}},{name:"Dot - Small",props:{noContent:!0}},{name:"Dot - Medium",props:{noContent:!0,size:"medium"}},{name:"Icon - Small",props:{example:"icon"}},{name:"Icon - Medium",props:{example:"icon",size:"medium"}}]},{name:"Placement",examples:[{name:"(Default) Inline",props:{placement:"inline"}},{name:"Corner - Top - Left",props:{placement:"corner-top-left"}},{name:"Corner - Center - Left",props:{placement:"corner-center-left"}},{name:"Corner - Bottom- Left",props:{placement:"corner-bottom-left"}},{name:"Corner - Top - Right",props:{placement:"corner-top-right"}},{name:"Corner - Center - Right",props:{placement:"corner-center-right"}},{name:"Corner - Bottom- Right",props:{placement:"corner-bottom-right"}}]},{name:"Examples",examples:[{name:"Numbers",props:{example:"number"}}]}],pv=({children:t,semantic:e,emphasis:n,noContent:a,size:l,placement:r,example:i})=>o.jsxs(o.Fragment,{children:[!r&&!i&&o.jsxs(o.Fragment,{children:[o.jsx(Yt,{semantic:e,emphasis:n,size:l,children:a?"":t}),a&&o.jsx(Z,{semantic:"informational",size:"small",icon:"none",children:t})]}),r&&r!=="inline"&&!i&&o.jsxs(o.Fragment,{children:[o.jsxs(J,{icon:"user",variant:"outlined",noText:!0,children:[o.jsx(Yt,{size:"small",emphasis:"strong",semantic:"critical",placement:r}),t]}),o.jsx(Z,{semantic:"informational",size:"small",icon:"none",children:t})]}),r==="inline"&&o.jsx(o.Fragment,{children:o.jsxs("div",{className:"badge-inline-container",children:[o.jsx(sl,{icon:"user"}),o.jsx("span",{children:t}),o.jsx(Yt,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),o.jsx(sl,{icon:"error"})]})}),i==="icon"&&o.jsxs(o.Fragment,{children:[o.jsx(Yt,{semantic:"critical",emphasis:"strong",size:l,children:o.jsx(sl,{icon:"user",children:t})}),o.jsx(Z,{semantic:"informational",size:"small",icon:"none",children:t})]}),i==="number"&&o.jsxs(o.Fragment,{children:[o.jsx(Yt,{semantic:"successful",children:"9"}),o.jsx(Yt,{semantic:"informational",children:"12"}),o.jsx(Yt,{semantic:"warning",children:"123"}),o.jsx(Yt,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),o.jsx(Yt,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),o.jsx(Yt,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),o.jsx(Z,{semantic:"informational",size:"small",icon:"none",children:t})]})]}),bv=()=>o.jsx($,{title:"DBBadge",variants:W(fv,pv)}),hv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Interaction-States",examples:[{name:"Enabled (Default)/Hover/Pressed",props:{}},{name:"Active",props:{active:!0}},{name:"Disabled",props:{disabled:!0}}]},{name:"Content",examples:[{name:"(Default) Text",props:{areaPopup:!1}},{name:"Text - Icon (Leading)",props:{icon:"user"}},{name:"Text - Icons (Leading, Chevron)",props:{icon:"user",areaPopup:!0}},{name:"Text - Icon (Chevron)",props:{areaPopup:!0}}]},{name:"Width",examples:[{name:"(Default) Auto",style:{width:"400px"},props:{}},{name:"Full",style:{width:"400px"},props:{width:"full"}}]}],vv=({children:t,icon:e,disabled:n,active:a,width:l,areaPopup:r})=>o.jsx($t,{icon:e,disabled:n,active:a,width:l,areaPopup:r,onClick:()=>{alert(t.toString())},subNavigation:r&&o.jsxs(o.Fragment,{children:[o.jsx($t,{children:o.jsx("a",{href:"#",children:"Test1"})}),o.jsx($t,{children:o.jsx("a",{href:"#",children:"Test2"})})]}),children:r?t:o.jsx("a",{href:"#",children:t})}),gv=t=>o.jsx($,{title:"DBNavigationItem",variants:W(hv,vv)}),yv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{name:"Density"}},{name:"(Default) Regular",className:"db-density-regular",props:{name:"Density"}},{name:"Expressive",className:"db-density-expressive",props:{name:"Density"}}]},{name:"Interaction States",examples:[{name:"(Default) Enabled",props:{name:"Interaction States"}},{name:"Disabled",props:{name:"Interaction States",disabled:!0}}]},{name:"States",examples:[{name:"(Default) Unchecked",props:{name:"States"}},{name:"Unchecked - Invalid",props:{name:"States",required:!0}},{name:"Checked",props:{name:"States",checked:!0}},{name:"Checked - Valid",props:{name:"States",required:!0,checked:!0}},{name:"Indeterminate",props:{name:"States",indeterminate:!0}},{name:"Indeterminate - Invalid",props:{name:"States",indeterminate:!0,required:!0}},{name:"Indeterminate - Valid",props:{name:"States",indeterminate:!0,required:!0,checked:!0}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{name:"Size"}},{name:"Small",props:{name:"Size",size:"small"}}]},{name:"Requirement",examples:[{name:"(Default) Optional",props:{name:"Requirement"}},{name:"Required",props:{name:"Requirement",required:!0}},{name:"Required - Indeterminate",props:{name:"Requirement",indeterminate:!0}}]},{name:"Content",examples:[{name:"(Default) Label",props:{name:"Content"}},{name:"No Label",props:{name:"Content",variant:"hidden"}}]}],Dv=({label:t,size:e,name:n,checked:a,required:l,children:r,disabled:i,indeterminate:s,variant:u})=>o.jsx(We,{label:t,size:e,name:n,defaultChecked:a,required:l,disabled:i,variant:u,indeterminate:s,children:r}),xv=()=>o.jsx($,{title:"DBCheckbox",variants:W(yv,Dv)}),Tv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Emphasis",examples:[{name:"(Default) Weak",props:{}},{name:"Strong",props:{emphasis:"strong"}}]},{name:"Semantic",examples:[{name:"(Default) Adaptive",props:{}},{name:"Neutral",props:{semantic:"neutral"}},{name:"Critical",props:{semantic:"critical"}},{name:"Informational",props:{semantic:"informational"}},{name:"Successful",props:{semantic:"successful"}},{name:"Warning",props:{semantic:"warning"}},{name:"Adaptive Strong",props:{emphasis:"strong"}},{name:"Neutral Strong",props:{semantic:"neutral",emphasis:"strong"}},{name:"Critical Strong",props:{semantic:"critical",emphasis:"strong"}},{name:"Informational Strong",props:{semantic:"informational",emphasis:"strong"}},{name:"Successful Strong",props:{semantic:"successful",emphasis:"strong"}},{name:"Warning Strong",props:{semantic:"warning",emphasis:"strong"}}]},{name:"Behaviour",examples:[{name:"(Default) Static",props:{}},{name:"Interactive Button",props:{component:"button"},code:{angular:"Interactive Button",html:'
',react:"Interactive Button",vue:"Interactive Button"}},{name:"Interactive Link",props:{component:"link"},code:{angular:"Interactive Link",html:'
Interactive Link
',react:"Interactive Link",vue:"Interactive Link"}},{name:"Interactive Checkbox",props:{component:"checkbox"},code:{angular:"Interactive Checkbox",html:'
',react:"Interactive Checkbox",vue:"Interactive Checkbox"}},{name:"Interactive Radio 1",props:{component:"radio",identifier:"radio01"},code:{angular:'Interactive Radio 1',html:'
',react:'Interactive Radio 1',vue:'Interactive Radio 1'}},{name:"Interactive Radio 2",props:{component:"radio",identifier:"radio01",code:{angular:'Interactive Radio 2',html:'
',react:'Interactive Radio 2',vue:'Interactive Radio 2'}}},{name:"Removeable",props:{behaviour:"removable"}}]},{name:"State",examples:[{name:"(Default) Unchecked",props:{component:"checkbox"},code:{angular:"Interactive Checkbox",html:'
',react:"Interactive Checkbox",vue:"Interactive Checkbox"}},{name:"Checked",props:{component:"checkbox",checked:!0},code:{angular:'Interactive Checkbox',html:'
',react:"Interactive Checkbox",vue:'Interactive Checkbox'}},{name:"Disabled",props:{component:"checkbox",checked:!0,disabled:!0},code:{angular:'Interactive Checkbox',html:'
',react:"Interactive Checkbox",vue:'Interactive Checkbox'}}]},{name:"Content",examples:[{name:"(Default) Text",props:{}},{name:"Icon",props:{icon:"user",noText:!0}},{name:"Icon & Text",props:{icon:"user"}}]},{name:"Overflow",examples:[{name:"(Default) No Overflow",props:{}},{name:"With Overflow (max-width)",props:{overflow:!0}}]},{name:"Example",examples:[{name:"Interactive Strong Button with Icon",props:{component:"button",emphasis:"strong",icon:"user",behaviour:"removable"},code:{angular:"Interactive Button",html:'
',react:"Interactive Button",vue:"Interactive Button"}},{name:"Interactive Strong Link with Icon",props:{component:"link",emphasis:"strong",icon:"user"},code:{angular:"Interactive Link",html:'
Interactive Link
',react:"Interactive Link",vue:"Interactive Link"}},{name:"Interactive Strong Checkbox with Icon",props:{component:"checkbox",emphasis:"strong",icon:"user"},code:{angular:"Interactive Checkbox",html:'
',react:"Interactive Checkbox",vue:"Interactive Checkbox"}},{name:"Interactive Strong Radio 1 with Icon",props:{component:"radio",emphasis:"strong",icon:"user",identifier:"radio02"},code:{angular:'Interactive Radio 1',html:'
',react:'Interactive Radio 1',vue:'Interactive Radio 1'}},{name:"Interactive Strong Radio 2 with Icon",props:{component:"radio",emphasis:"strong",icon:"user",identifier:"radio02",code:{angular:'Interactive Radio 2',html:'
',react:'Interactive Radio 2',vue:'Interactive Radio 2'}}}]}],Bv=({semantic:t,disabled:e,children:n,icon:a,overflow:l,noText:r,behaviour:i,emphasis:s,removeButton:u,checked:c,component:f,identifier:h})=>{const[b,g]=d.useState(c??!1);return o.jsxs(Md,{semantic:t,disabled:e,icon:a,noText:r,behaviour:i,emphasis:s,overflow:l,removeButton:u,onRemove:()=>{alert(n.toString())},children:[f==="button"&&o.jsx(J,{children:n}),f==="link"&&o.jsx(rr,{href:"#",children:n}),f==="checkbox"&&o.jsx(We,{checked:b,onChange:T=>{g(T.target.checked)},children:n}),f==="radio"&&o.jsx(Mo,{checked:c,name:h,children:n}),!f&&!l&&o.jsx(o.Fragment,{children:n}),!f&&l&&o.jsx("span",{children:n})]})},wv=()=>o.jsx($,{title:"DBTag",variants:W(Tv,Bv)}),Sv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{},code:{html:` +
+
+ +
+
functional
+
+ `,angular:` + functional +`,react:` { + setOpen(false); + }} + > + functional + `,vue:` + functional + `}},{name:"(Default) Regular",className:"db-density-regular",props:{},code:{html:` +
+
+ +
+
Regular (Default)
+
+ `,angular:` + Regular (Default) +`,react:` { + setOpen(false); + }} + > + Regular (Default) + `,vue:` + Regular (Default) + `}},{name:"Expressive",className:"db-density-expressive",props:{},code:{html:` +
+
+ +
+
expressive
+
+ `,angular:` + expressive +`,react:` { + setOpen(false); + }} + > + expressive + `,vue:` + expressive + `}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{withCloseButton:!0},code:{html:` +
+
+ +
+
With padding (Default)
+
+ `,angular:` + With padding (Default) +`,react:` { + setOpen(false); + }} + > + With padding (Default) + `,vue:'With padding (Default)'}},{name:"Full",props:{withCloseButton:!0,width:"full"},code:{html:` +
+
+ +
+
Full
+
+ `,angular:` + Full +`,react:` { + setOpen(false); + }} + > + Full + `,vue:` + Full + `}}]},{name:"Rounded",examples:[{name:"(Default) No rounding",props:{withCloseButton:!0},code:{html:` +
+
+ +
+
No rounding (Default)
+
+ `,angular:` + No rounding (Default) +`,react:` { + setOpen(false); + }} + > + No rounding (Default) + `,vue:'No rounding (Default)'}},{name:"Rounded",props:{withCloseButton:!0,rounded:!0},code:{html:` +
+
+ +
+
Rounded
+
+ `,angular:` + Rounded +`,react:` { + setOpen(false); + }} + > + Rounded + `,vue:'Rounded'}}]},{name:"Spacing",examples:[{name:"(Default) Medium",props:{withCloseButton:!0},code:{html:` +
+
+ +
+
Medium (Default)
+
+ `,angular:` + Medium (Default) +`,react:` { + setOpen(false); + }} + > + Medium (Default) + `,vue:'Medium (Default)'}},{name:"Small",props:{withCloseButton:!0,spacing:"small"},code:{html:` +
+
+ +
+
Small
+
+ `,angular:` + Small +`,react:` { + setOpen(false); + }} + > + Small + `,vue:'Small'}},{name:"Large",props:{withCloseButton:!0,spacing:"large"},code:{html:` +
+
+ +
+
Large
+
+ `,angular:` + Large +`,react:` { + setOpen(false); + }} + > + Large + `,vue:'Large'}},{name:"No spacing",props:{withCloseButton:!0,spacing:"none"},code:{html:` +
+
+ +
+
None
+
+ `,angular:` + None +`,react:` { + setOpen(false); + }} + > + None + `,vue:'None'}}]},{name:"Backdrop",examples:[{name:"(Default) With Backdrop",props:{withCloseButton:!0},code:{html:` +
+
+ +
+
With Backdrop (Default)
+
+ `,angular:` + With Backdrop (Default) +`,react:` { + setOpen(false); + }} + > + With Backdrop (Default) + `,vue:'With Backdrop (Default)'}},{name:"Backdrop-weak",props:{withCloseButton:!0,backdrop:"weak"},code:{html:` +
+
+ +
+
Backdrop-weak
+
+ `,angular:` + Backdrop-weak +`,react:` { + setOpen(false); + }} + > + Backdrop-weak + `,vue:'Backdrop-weak'}},{name:"No Backdrop",props:{withCloseButton:!0,backdrop:"none"},code:{html:` +
+
+ +
+
No Backdrop
+
+ `,angular:` + No Backdrop +`,react:` { + setOpen(false); + }} + > + No Backdrop + `,vue:'No Backdrop'}}]},{name:"Directions",examples:[{name:"(Default) Right",props:{withCloseButton:!0},code:{html:` +
+
+ +
+
Right (Default)
+
+ `,angular:` + Right (Default) +`,react:` { + setOpen(false); + }} + > + Right (Default) + `,vue:'Right (Default)'}},{name:"Left",props:{withCloseButton:!0,direction:"left"},code:{html:` +
+
+ +
+
Left
+
+ `,angular:` + Left +`,react:` { + setOpen(false); + }} + > + Left + `,vue:'Left'}},{name:"Up",props:{withCloseButton:!0,direction:"up"},code:{html:` +
+
+ +
+
Up
+
+ `,angular:` + Up +`,react:` { + setOpen(false); + }} + > + Up + `,vue:'Up'}},{name:"Down",props:{withCloseButton:!0,direction:"down"},code:{html:` +
+
+ +
+
Down
+
+ `,angular:` + Down +`,react:` { + setOpen(false); + }} + > + Down + `,vue:'Down'}}]}],Iv=({id:t,width:e,rounded:n,withCloseButton:a,spacing:l,openDrawer:r,setOpenDrawer:i,direction:s,children:u,backdrop:c})=>o.jsxs("div",{children:[o.jsx(zd,{withCloseButton:a,rounded:n,width:e,spacing:l,backdrop:c,direction:s,open:r===t,onClose:()=>{i(void 0)},children:u}),o.jsxs(J,{onClick:()=>{i(t)},children:["Open: ",u]})]}),Cv=()=>{const[t,e]=d.useState(void 0);return o.jsx($,{title:"DBDrawer",variants:W(Sv,n=>Iv({...n,openDrawer:t,setOpenDrawer:e}))})},Nv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"(Default) Regular",className:"db-density-regular",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Expressive",className:"db-density-expressive",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}}]},{name:"Variant Label",examples:[{name:"(Default) Label Above",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Floating Label",style:{width:"300px"},props:{options:[{value:"Floating Label"},{value:"Option 2"}],label:"Label",variant:"floating",value:"Floating Label"}},{name:"Hidden Label",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",variant:"hidden"}}]},{name:"Variant Helper Message",examples:[{name:"(Default) Basic",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Helper Message",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",message:"Helper Message"}}]},{name:"States Label Above",examples:[{name:"(Default) Empty",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Filled",style:{width:"300px"},props:{options:[{value:"Filled"},{value:"Option 2"}],label:"Label",value:"Filled"}},{name:"Disabled",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",disabled:!0}}]},{name:"States Floating Label",examples:[{name:"(Default) Empty",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",variant:"floating"}},{name:"Filled",style:{width:"300px"},props:{options:[{value:"Filled"},{value:"Option 2"}],label:"Label",value:"Filled",variant:"floating"}},{name:"Disabled",style:{width:"300px"},props:{options:[{value:"Disabled"},{value:"Option 2"}],label:"Label",disabled:!0,variant:"floating",value:"Disabled"}}]},{name:"Content",examples:[{name:"(Default) Text",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Text - Leading Icon",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",icon:"x_placeholder"}}]},{name:"Requirement",examples:[{name:"(Default) Optional",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label"}},{name:"Required",style:{width:"300px"},props:{options:[{value:"Option 1"},{value:"Option 2"}],label:"Label",required:!0}}]}],kv=({children:t,label:e,options:n,icon:a,message:l,disabled:r,value:i,required:s,variant:u})=>o.jsx(wa,{label:e,placeholder:t,options:n,disabled:r,variant:u,icon:a,value:i,message:l,required:s,children:t}),Pv=()=>o.jsx($,{title:"DBSelect",variants:W(Nv,kv)}),Ev=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{name:"Density",value:"functional"}},{name:"(Default) Regular",className:"db-density-regular",props:{name:"Density",value:"regular"}},{name:"Expressive",className:"db-density-expressive",props:{name:"Density",value:"expressive"}}]},{name:"Interaction States",examples:[{name:"(Default) Enabled",props:{name:"Interaction States"}},{name:"Disabled",props:{name:"Interaction States",disabled:!0}}]},{name:"States",examples:[{name:"(Default) Unselected",props:{name:"States"}},{name:"Unselected - Invalid",props:{name:"States Required",required:!0}},{name:"Selected",props:{name:"States",checked:!0}},{name:"Selected - Valid",props:{name:"States Required",required:!0,checked:!0}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{name:"Size"}},{name:"Small",props:{name:"Size",size:"small"}}]},{name:"Requirement",examples:[{name:"(Default) Optional",props:{name:"Requirement"}},{name:"Required",props:{name:"Requirement",required:!0}}]},{name:"Content",examples:[{name:"(Default) Label",props:{name:"Content"}},{name:"Hidden Label",props:{name:"Content",variant:"hidden"}}]}],Lv=({label:t,size:e,name:n,checked:a,required:l,children:r,disabled:i,value:s,variant:u})=>o.jsx(Mo,{label:t,size:e,name:n,defaultChecked:a,required:l,disabled:i,variant:u,value:s,children:r}),_v=()=>o.jsx($,{title:"DBRadio",variants:W(Ev,Lv)}),jv=[{name:"Density",examples:[{name:"functional",style:{width:"300px"},className:"db-density-functional",props:{headline:"Headline",icon:"information_circle",behaviour:"closable"}},{name:"regular (Default)",style:{width:"300px"},className:"db-density-regular",props:{headline:"Headline",icon:"information_circle",behaviour:"closable"}},{name:"expressive",style:{width:"300px"},className:"db-density-expressive",props:{headline:"Headline",icon:"information_circle",behaviour:"closable"}}]},{name:"Variant",examples:[{name:"(Default) Docked",style:{width:"300px"},props:{variant:"docked",headline:"Headline",icon:"information_circle",behaviour:"closable"}},{name:"Standalone",style:{width:"300px"},props:{variant:"standalone",headline:"Headline",icon:"information_circle",behaviour:"closable"}},{name:"Overlay",style:{width:"300px"},props:{variant:"overlay",headline:"Headline",icon:"information_circle",behaviour:"closable",timestamp:"10 min ago"}}]},{name:"Semantic",examples:[{name:"(Default) Adaptive",style:{width:"300px"},props:{type:"alert",headline:"Headline",behaviour:"closable"}},{name:"Neutral",style:{width:"300px"},props:{type:"alert",semantic:"neutral",headline:"Headline",behaviour:"closable"}},{name:"Critical",style:{width:"300px"},props:{type:"alert",semantic:"critical",headline:"Headline",behaviour:"closable"}},{name:"Informational",style:{width:"300px"},props:{type:"alert",semantic:"information_circleal",headline:"Headline",behaviour:"closable"}},{name:"Successful",style:{width:"300px"},props:{type:"alert",semantic:"successful",headline:"Headline",behaviour:"closable"}},{name:"Warning",style:{width:"300px"},props:{type:"alert",semantic:"warning",headline:"Headline",behaviour:"closable"}}]},{name:"Behaviour",examples:[{name:"(Default) Permanent",style:{width:"300px"},props:{behaviour:"permanent"}},{name:"Closeable",style:{width:"300px"},props:{behaviour:"closable"}}]},{name:"Content - Variant:Docked",examples:[{name:"Text",style:{width:"300px"},props:{behaviour:"permanent"}},{name:"Text & Icon",style:{width:"300px"},props:{icon:"information_circle",behaviour:"permanent"}},{name:"Text & Preview Image",style:{width:"300px"},props:{img:!0,behaviour:"permanent"}},{name:"Text & Headline",style:{width:"300px"},props:{headline:"Headline",behaviour:"permanent"}},{name:"Text & Textlink Block",style:{width:"300px"},props:{link:!0,behaviour:"permanent"}},{name:"Text & Textlink Inline",style:{width:"300px"},props:{link:!0,linkVariant:"inline",behaviour:"permanent"}},{name:"Text & Headline & Textlink Inline & Cloaseable",style:{width:"300px"},props:{headline:"Headline",link:!0,linkVariant:"inline"}},{name:"Text & Icon & Headline & Textlink Inline & Cloaseable",style:{width:"300px"},props:{icon:"information_circle",headline:"Headline",link:!0,linkVariant:"inline"}}]},{name:"Content - Variant:Standalone",examples:[{name:"Text",style:{width:"300px"},props:{variant:"standalone",behaviour:"permanent"}},{name:"Text & Icon",style:{width:"300px"},props:{icon:"information_circle",variant:"standalone",behaviour:"permanent"}},{name:"Text & Preview Image",style:{width:"300px"},props:{img:!0,variant:"standalone",behaviour:"permanent"}},{name:"Text & Headline",style:{width:"300px"},props:{headline:"Headline",variant:"standalone",behaviour:"permanent"}},{name:"Text & Textlink Block",style:{width:"300px"},props:{link:!0,variant:"standalone",behaviour:"permanent"}},{name:"Text & Textlink Inline",style:{width:"300px"},props:{link:!0,linkVariant:"inline",variant:"standalone",behaviour:"permanent"}},{name:"Text & Headline & Textlink Inline & Cloaseable",style:{width:"300px"},props:{headline:"Headline",link:!0,linkVariant:"inline",variant:"standalone"}},{name:"Text & Icon & Headline & Textlink Inline & Cloaseable",style:{width:"300px"},props:{icon:"information_circle",headline:"Headline",link:!0,linkVariant:"inline",variant:"standalone"}}]},{name:"Content - Variant:Overlay",examples:[{name:"Text",style:{width:"300px"},props:{variant:"overlay",behaviour:"permanent"}},{name:"Text & Icon",style:{width:"300px"},props:{icon:"information_circle",variant:"overlay",behaviour:"permanent"}},{name:"Text & Preview Image",style:{width:"300px"},props:{img:!0,variant:"overlay",behaviour:"permanent"}},{name:"Text & Headline",style:{width:"300px"},props:{headline:"Headline",variant:"overlay",behaviour:"permanent"}},{name:"Text & Timed",style:{width:"300px"},props:{timestamp:"10 min ago",variant:"overlay",behaviour:"permanent"}},{name:"Text & Timed & Cloaseable",style:{width:"300px"},props:{timestamp:"10 min ago",variant:"overlay"}},{name:"Text & Headline & Timed & Cloaseable",style:{width:"300px"},props:{headline:"Headline",timestamp:"10 min ago",variant:"overlay"}},{name:"Text & Icon & Headline & Timed & Cloaseable",style:{width:"300px"},props:{icon:"information_circle",headline:"Headline",timestamp:"10 min ago",variant:"overlay"}}]}],Rv=({semantic:t,icon:e,headline:n,variant:a,children:l,behaviour:r,link:i,timestamp:s,linkVariant:u,img:c})=>o.jsx(Ab,{semantic:t,icon:e,headline:n,link:i?o.jsx(rr,{href:"#",children:"Textlink"}):void 0,image:c?o.jsx("img",{src:"/react-showcase//assets/images/placeholder.jpg",alt:"Placeholder"}):void 0,variant:a,behaviour:r,linkVariant:u,timestamp:s,onClose:()=>{alert(l.toString())},children:l}),Av=()=>o.jsx($,{title:"DBNotification",variants:W(jv,Rv)}),Fv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Variant",examples:[{name:"(Default) Outlined - Adaptive",props:{}},{name:"Filled - Adaptive",props:{variant:"filled"}},{name:"Ghost - Adaptive",props:{variant:"ghost"}},{name:"Brand",props:{variant:"brand"}}]},{name:"State",examples:[{name:"(Default) Enabled",props:{}},{name:"Disabled",props:{disabled:!0}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{}},{name:"Small",props:{size:"small"}}]},{name:"Content",examples:[{name:"(Default) Text",props:{}},{name:"Icon & Text",props:{icon:"user"}},{name:"Icon",props:{icon:"user",noText:!0}}]},{name:"Behaviour",examples:[{name:"(Default) Auto Width",props:{}},{name:"Width full",style:{width:"500px"},props:{width:"full"}}]}],zv=({variant:t,state:e,size:n,noText:a,icon:l,width:r,disabled:i,children:s})=>o.jsx(J,{variant:t,state:e,size:n,noText:a,icon:l,disabled:i,width:r,onClick:()=>{alert(s.toString())},children:s}),Mv=()=>o.jsx($,{title:"DBButton",variants:W(Fv,zv)}),Uv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}},{name:"functional",className:"db-density-functional",props:{}}]},{name:"Elevation Level",examples:[{name:"(Default) Level 1 - Adaptive",props:{elevationLevel:"1"}},{name:"Level 2 - Adaptive",props:{elevationLevel:"2"}},{name:"Level 3 - Adaptive",props:{elevationLevel:"3"}}]},{name:"Spacing",examples:[{name:"(Default) Small",props:{spacing:"small"}},{name:"No Spacing",props:{spacing:"none"}},{name:"Medium",props:{spacing:"medium"}}]},{name:"Behaviour",examples:[{name:"(Default) Non interactive",props:{}},{name:"Interactive",props:{behaviour:"interactive"}}]},{name:"Example",examples:[{name:"Level 1 - Interactive",props:{elevationLevel:"1",behaviour:"interactive"}},{name:"Level 2 - Interactive",props:{elevationLevel:"2",behaviour:"interactive"}},{name:"Level 3 - Interactive",props:{elevationLevel:"3",behaviour:"interactive"}}]}],Ov=({behaviour:t,children:e,spacing:n,elevationLevel:a})=>o.jsx(Fd,{behaviour:t,spacing:n,elevationLevel:a,children:o.jsx("strong",{children:e})}),Vv=()=>o.jsx($,{title:"DBCard",variants:W(Uv,Ov)}),$v=[{name:"Density",examples:[{name:"Functional",style:{width:"200px"},className:"db-density-functional",props:{}},{name:"(Default) Regular",style:{width:"200px"},className:"db-density-regular",props:{}},{name:"Expressive",style:{width:"200px"},className:"db-density-expressive",props:{}}]},{name:"Variant",examples:[{name:"(Default) Adaptive - Horizontal",style:{width:"200px"},props:{}},{name:"Adaptive - Vertical",style:{height:"100px"},props:{variant:"vertical"}}]},{name:"Emphasis",examples:[{name:"(Default) Weak",style:{width:"200px"},props:{}},{name:"Strong",style:{width:"200px"},props:{emphasis:"strong"}}]}],Wv=({variant:t,emphasis:e,children:n})=>o.jsxs(o.Fragment,{children:[o.jsx(Z,{size:"small",semantic:"informational",children:n}),o.jsx(Al,{variant:t,emphasis:e})]}),Hv=()=>o.jsx($,{title:"DBDivider",variants:W($v,Wv)}),Gv=()=>{const[t,e]=d.useState(""),[n,a]=d.useState(""),[l,r]=d.useState("default textarea"),[i,s]=d.useState(""),[u,c]=d.useState(""),[f,h]=d.useState(""),[b,g]=d.useState([]),[T,y]=d.useState([!0,!1]),[I,p]=d.useState(),[m,v]=d.useState(!1);d.useEffect(()=>{setTimeout(()=>{p([{key:"test1",value:"Test1"},{key:"test2",value:"Test2"},{key:"test3",value:"Test3"}])},2e3)},[]);const D=[{key:"test",value:"Test"},{key:"test2"}],w=x=>{y([x.target.checked,x.target.checked])},S=x=>{y([x.target.checked,T[1]])},B=x=>{y([T[0],x.target.checked])};return o.jsxs("div",{className:"form-container",children:[o.jsx("div",{children:o.jsx("form",{children:o.jsxs("fieldset",{children:[o.jsx("p",{children:"Input:"}),o.jsx(Ve,{label:"Textinput",placeholder:"Placeholder",message:"Description",icon:"user",name:"input-name",value:t,dataList:D,onChange:x=>{e(x.target.value)}}),o.jsx("p",{children:"Textarea:"}),o.jsx(ul,{label:"Textarea Controlled",value:l,onChange:x=>{r(x.target.value)}}),o.jsx(Ve,{label:"Date input",message:"Description",name:"input-date-name",onChange:x=>{a(x.target.value)},type:"date"}),o.jsx(ul,{label:"Textarea Default value",defaultValue:"text area default value",onChange:x=>{s(x.target.value)}}),o.jsx("p",{children:"Radio:"}),o.jsx("ul",{children:["X","Y","Z"].map(x=>o.jsx("li",{children:o.jsxs(Mo,{name:"radio-group",value:x,onChange:()=>{c(x)},children:["Radio ",x]})},`radio-${x}`))}),o.jsx("p",{children:"Tags:"}),o.jsx("ul",{children:["X","Y","Z"].map((x,L)=>o.jsx("li",{children:o.jsx(Md,{semantic:L===0?void 0:"successful",emphasis:L===2?"strong":void 0,children:o.jsxs(We,{onChange:()=>{b.includes(x)?g(b.filter(P=>P!==x)):g([...b,x])},children:["Tag ",x]})})},`tag-${x}`))}),o.jsx("p",{children:"Checkbox:"}),o.jsx(We,{name:"checkbox",value:"Checkbox checked",checked:T[0]&&T[1],indeterminate:T[0]!==T[1],onChange:w,children:"Checkbox Indeterminate"}),o.jsxs("fieldset",{children:[o.jsx(We,{name:"checkbox-1",value:"Checkbox checked",checked:T[0],onChange:S,children:"Checkbox"}),o.jsx(We,{name:"checkbox-2",value:"Checkbox checked",checked:T[1],onChange:B,children:"Checkbox"}),o.jsx(We,{name:"checkbox-3",value:"Irgendwas",defaultChecked:!1,children:"DefaultChecked"})]}),o.jsx("p",{children:"DBSelect:"}),o.jsxs(wa,{value:f,label:"Label",onChange:x=>{h(x.target.value)},children:[o.jsx("option",{value:"test1",children:"Test1"}),o.jsx("option",{value:"test2",children:"Test2"})]}),o.jsx("p",{children:"Button:"}),o.jsx(J,{type:"button",onClick:()=>{e("reset")},children:"Reset and Toggle"}),o.jsx(J,{type:"button",variant:"brand",onClick:x=>{alert(JSON.stringify({input:t,radio:u,select:f,tags:b}))},children:"Hi from Showcase!"})]})})}),o.jsxs("div",{children:[o.jsx("h2",{children:"Output"}),o.jsxs("dl",{children:[o.jsx("dt",{children:"inputs value"}),o.jsx("dd",{children:t||"No Input set"}),o.jsx("dt",{children:"date inputs value"}),o.jsx("dd",{children:n||"No date input set"}),o.jsx("dt",{children:"textarea values"}),o.jsx("dd",{children:l||"No Textrea set"}),o.jsx("dd",{children:i||"No Textrea set"}),o.jsx("dt",{children:"radio value"}),o.jsx("dd",{children:u||"No radio set"}),o.jsx("dt",{children:"checkbox (indeterminate) value"}),o.jsx("dd",{children:`checkbox ${T[0]?"":"un"}checked`}),o.jsx("dt",{children:"select value"}),o.jsx("dd",{children:f||"No select set"}),o.jsx("dt",{children:"tags value"}),o.jsx("dd",{children:JSON.stringify(b)})]}),o.jsx(Al,{}),o.jsx(J,{onClick:()=>{v(!m)},children:"TabsTest"}),o.jsxs(Ai,{children:[o.jsxs(Fl,{children:[o.jsx(vt,{children:"Test 1"}),o.jsx(vt,{children:"Test 2"}),m&&o.jsx(vt,{children:"Test 3"})]}),o.jsx(xt,{children:"Tab Panel 1"}),o.jsx(xt,{children:"Tab Panel 2"}),m&&o.jsx(xt,{children:"Tab Panel 3"})]}),o.jsxs(Ai,{orientation:"vertical",children:[o.jsxs(Fl,{children:[o.jsx(vt,{icon:"airplane",children:"Airplane Button"}),o.jsx(vt,{iconAfter:"cancel",children:"Cancel Button"}),o.jsx(vt,{iconAfter:"cancel",children:"Long Button Label with a lot of text"}),o.jsx(vt,{icon:"airplane",iconAfter:"cancel",children:"Another Button Label with a lot of text"}),o.jsx(vt,{icon:"airplane",noText:!0})]}),o.jsx(xt,{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."}),o.jsx(xt,{children:"Tab Panel 2"}),o.jsx(xt,{children:"Tab Panel 3"}),o.jsx(xt,{children:"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"}),o.jsx(xt,{children:"Tab Panel 5"})]}),o.jsx(Al,{}),o.jsx(Ud,{children:I==null?void 0:I.map(x=>o.jsx(Sn,{headlinePlain:x.key,children:x.value},x.key))}),o.jsx(wa,{id:"select-test",value:f,label:"Label",onChange:x=>{h(x.target.value)},options:[{label:"Test1",value:"Test1"},{label:"Test2",value:"Test2"}]}),o.jsx("h4",{children:"Validations"}),o.jsx(Ve,{label:"Input minlength validation",placeholder:"Placeholder",invalidMessage:"Min. 3",validMessage:"๐Ÿ˜Ž",minLength:3}),o.jsx(Ve,{label:"Input pattern validation",placeholder:"Placeholder",pattern:"\\w{3,16}",invalidMessage:"Pattern \\w{3,16}",validMessage:"๐Ÿ˜Ž"}),o.jsx(Ve,{label:"Input number",placeholder:"Placeholder",invalidMessage:"Type=number",validMessage:"๐Ÿ˜Ž",type:"number"}),o.jsx(Ve,{label:"Input number min",placeholder:"Placeholder",invalidMessage:"Type=number min 3",validMessage:"๐Ÿ˜Ž",type:"number",min:3}),o.jsx(ul,{label:"Textarea min 10",invalidMessage:"Min 10",validMessage:"๐Ÿ˜Ž",minLength:10})]})]})},Qv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Semantic",examples:[{name:"(Default) Adaptive",props:{}},{name:"Neutral",props:{semantic:"neutral"}},{name:"Critical",props:{semantic:"critical"}},{name:"Informational",props:{semantic:"informational"}},{name:"Successful",props:{semantic:"successful"}},{name:"Warning",props:{semantic:"warning"}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{}},{name:"Small",props:{size:"small"}}]}],Kv=({semantic:t,size:e,icon:n,children:a})=>o.jsx(Z,{semantic:t,size:e,icon:n,children:a}),Xv=()=>o.jsx($,{title:"DBInfotext",variants:W(Qv,Kv)}),Yv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{label:"Label"}},{name:"(Default) Regular",className:"db-density-regular",props:{label:"Label"}},{name:"Expressive",className:"db-density-expressive",props:{label:"Label"}}]},{name:"Variant Label",examples:[{name:"(Default) Label Above",props:{label:"Label"}},{name:"Floating Label",props:{label:"Label",variant:"floating",value:"Floating Label"}},{name:"Hidden Label",props:{label:"Label",variant:"hidden"}}]},{name:"Variant Helper Message",examples:[{name:"(Default) Basic",props:{label:"Label"}},{name:"Helper Message",props:{label:"Label",message:"Helper Message"}}]},{name:"States Label Above",examples:[{name:"(Default) Empty",props:{label:"Label"}},{name:"Filled",props:{label:"Label",value:"Filled"}},{name:"Disabled",props:{label:"Label",disabled:!0}},{name:"Readonly - Filled",props:{label:"Label",value:"Readonly - Filled",readOnly:!0}}]},{name:"States Floating Label",examples:[{name:"(Default) Empty",props:{label:"Label",variant:"floating"}},{name:"Filled",props:{label:"Label",value:"Filled",variant:"floating"}},{name:"Disabled",props:{label:"Label",disabled:!0,variant:"floating"}},{name:"Readonly - Filled",props:{label:"Label",value:"Readonly - Filled",readOnly:!0,variant:"floating"}}]},{name:"Content",examples:[{name:"(Default) Text",props:{label:"Label",value:"(Default) Text"}},{name:"Filled Number",props:{label:"Number",value:"123456",type:"number"}},{name:"Text - Leading Icon",props:{label:"Label",icon:"x_placeholder"}},{name:"Text - Leading Icon - Trailing Icon",props:{label:"Label",icon:"x_placeholder",iconAfter:"x_placeholder"}},{name:"Text - Trailing Icon",props:{label:"Label",iconAfter:"x_placeholder"}}]},{name:"Requirement",examples:[{name:"(Default) Optional",props:{label:"Label"}},{name:"Required",props:{label:"Label",required:!0}}]},{name:"Example - Types",examples:[{name:"(Default) Text",props:{label:"Label"}},{name:"Password",props:{label:"Label",type:"password"}},{name:"Search",props:{label:"Label",type:"search"}},{name:"E-Mail",props:{label:"Label",type:"email"}},{name:"Number",props:{label:"Label",type:"number"}},{name:"Tel",props:{label:"Label",type:"tel"}},{name:"URL",props:{label:"Label",type:"url"}},{name:"Date",props:{label:"Label",type:"date"}},{name:"Datetime Local",props:{label:"Label",type:"datetime-local"}},{name:"Month",props:{label:"Label",type:"month"}},{name:"Time",props:{label:"Label",type:"time"}},{name:"Week",props:{label:"Label",type:"week"}}]},{name:"Example - Types - Floating Label",examples:[{name:"(Default) Text",props:{label:"Label",variant:"floating"}},{name:"Password",props:{label:"Label",type:"password",variant:"floating"}},{name:"Search",props:{label:"Label",type:"search",variant:"floating"}},{name:"E-Mail",props:{label:"Label",type:"email",variant:"floating"}},{name:"Number",props:{label:"Label",type:"number",variant:"floating"}},{name:"Tel",props:{label:"Label",type:"tel",variant:"floating"}},{name:"URL",props:{label:"Label",type:"url",variant:"floating"}},{name:"Date",props:{label:"Label",type:"date",variant:"floating"}},{name:"Datetime Local",props:{label:"Label",type:"datetime-local",variant:"floating"}},{name:"Month",props:{label:"Label",type:"month",variant:"floating"}},{name:"Time",props:{label:"Label",type:"time",variant:"floating"}},{name:"Week",props:{label:"Label",type:"week",variant:"floating"}}]}],qv=({label:t,value:e,type:n,minLength:a,required:l,disabled:r,iconAfter:i,icon:s,children:u,message:c,variant:f,readOnly:h})=>o.jsx(Ve,{label:t,message:c,placeholder:u,variant:f,defaultValue:e,type:n,minLength:a,required:l,disabled:r,readOnly:h,iconAfter:i,icon:s}),Jv=()=>o.jsx($,{title:"DBInput",variants:W(Yv,qv)}),Zv=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{href:"#"}},{name:"(Default) Regular",className:"db-density-regular",props:{href:"#"}},{name:"Expressive",className:"db-density-expressive",props:{href:"#"}}]},{name:"Semantic",examples:[{name:"(Default) Adaptive",props:{href:"#"}},{name:"Brand",props:{href:"#",variant:"brand"}}]},{name:"Interaction-States",examples:[{name:"Enabled (Default)/Hover/Pressed",props:{href:"#"}},{name:"Disabled",props:{href:"#",disabled:!0}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{href:"#"}},{name:"Small",props:{href:"#",size:"small"}}]},{name:"Content",examples:[{name:"(Default) Internal",props:{href:"#"}},{name:"External",props:{href:"#",content:"external"}}]}],tg=({href:t,variant:e,disabled:n,size:a,content:l,children:r})=>o.jsx(rr,{href:t,variant:e,disabled:n,size:a,content:l,children:r}),eg=()=>o.jsx($,{title:"DBLink",variants:W(Zv,tg)}),ng=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Variant",examples:[{name:"(Default) Full",style:{width:"100%",display:"block"},props:{}},{name:"Medium",style:{width:"100%",display:"block"},props:{variant:"medium"}},{name:"Large",style:{width:"100%",display:"block"},props:{variant:"large"}}]},{name:"Size",examples:[{name:"(Default) Medium",props:{}},{name:"Large",props:{size:"large"}},{name:"Small",props:{size:"small"}}]}],ag=({variant:t,size:e,children:n})=>o.jsx(ph,{className:"db-informational-bg-lvl-2",size:e,variant:t,children:n}),lg=()=>o.jsx($,{title:"DBSection",variants:W(ng,ag)}),rg=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{label:"Label"}},{name:"(Default) Regular",className:"db-density-regular",props:{label:"Label"}},{name:"Expressive",className:"db-density-expressive",props:{label:"Label"}}]},{name:"Variant Label",examples:[{name:"(Default) Label Above",props:{label:"Label"}},{name:"Floating Label",props:{label:"Label",variant:"floating",value:"Floating Label"}},{name:"Hidden Label",props:{label:"Label",variant:"hidden"}}]},{name:"Variant Helper Message",examples:[{name:"(Default) Basic",props:{label:"Label"}},{name:"Helper Message",props:{label:"Label",message:"Helper Message"}}]},{name:"States Label Above",examples:[{name:"(Default) Empty",props:{label:"Label"}},{name:"Filled",props:{label:"Label",value:"Filled"}},{name:"Disabled",props:{label:"Label",disabled:!0}},{name:"Readonly - Filled",props:{label:"Label",value:"Readonly - Filled",readOnly:!0}}]},{name:"States Floating Label",examples:[{name:"(Default) Empty",props:{label:"Label",variant:"floating"}},{name:"Filled",props:{label:"Label",value:"Filled",variant:"floating"}},{name:"Disabled",props:{label:"Label",disabled:!0,variant:"floating"}},{name:"Readonly - Filled",props:{label:"Label",value:"Readonly - Filled",readOnly:!0,variant:"floating"}}]},{name:"Requirement",examples:[{name:"(Default) Optional",props:{label:"Label"}},{name:"Required",props:{label:"Label",required:!0}}]},{name:"Rows",examples:[{name:"(Default) 4 Rows",style:{width:"328px"},props:{label:"(Default) 4 Rows",value:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{name:"Custom",style:{width:"328px"},props:{label:"Custom Example 8 Rows",rows:8,value:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}],ig=({cols:t,disabled:e,message:n,label:a,placeholder:l,rows:r,value:i,readOnly:s,required:u,children:c,variant:f})=>{const[h,b]=d.useState(i);return o.jsx(ul,{cols:t,disabled:e,message:n,label:a,variant:f,readOnly:s,onChange:g=>{b(g.target.value)},required:u,placeholder:l??c,rows:r,value:h})},og=()=>o.jsx(o.Fragment,{children:o.jsx($,{title:"DBTextarea",variants:W(rg,ig)})}),sg=[{name:"Density",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]}],ug=({children:t})=>o.jsxs(o.Fragment,{children:[o.jsx(Z,{icon:"none",size:"small",semantic:"informational",children:t}),o.jsx(sl,{icon:"user",children:t})]}),cg=()=>o.jsx($,{title:"DBIcon",variants:W(sg,ug)}),dg=[{name:"Tonality",examples:[{name:"Functional",className:"db-density-functional",props:{}},{name:"(Default) Regular",className:"db-density-regular",props:{}},{name:"Expressive",className:"db-density-expressive",props:{}}]},{name:"Variants",examples:[{name:"(Default) With Logo",props:{}},{name:"No Logo",props:{hideLogo:!0}},{name:"Custom Logo",props:{hideLogo:!0,customLogo:!0}}]}];var zr={};const mg=({children:t,hideLogo:e,customLogo:n})=>o.jsxs(Ad,{hideLogo:e,children:[n&&o.jsx("img",{src:`${(zr==null?void 0:zr.NEXT_PUBLIC_BASE_PATH)??"/react-showcase"}/assets/images/placeholder.jpg`,alt:"logo"}),t]}),fg=()=>o.jsx($,{title:"DBBrand",variants:W(dg,mg)}),$e=t=>t.sort((e,n)=>e.path.localeCompare(n.path)),Hd=[{path:"06",label:"06 Feedback",subNavigation:$e([{path:"notification",label:"Notification",component:o.jsx(Av,{})},{path:"badge",label:"Badge",component:o.jsx(bv,{})}])},{path:"05",label:"05 Navigation",subNavigation:$e([{path:"navigation-item",label:"NavigationItem",component:o.jsx(gv,{})},{path:"navigation",label:"Navigation",component:o.jsx(mv,{})}])},{path:"04",label:"04 Data-Display",subNavigation:$e([{path:"brand",label:"Brand",component:o.jsx(fg,{})},{path:"infotext",label:"Infotext",component:o.jsx(Xv,{})},{path:"icon",label:"Icon",component:o.jsx(cg,{})},{path:"tooltip",label:"Tooltip",component:o.jsx(tv,{})},{path:"tag",label:"Tag",component:o.jsx(wv,{})},{path:"accordion",label:"Accordion",component:o.jsx(uv,{})},{path:"accordion-item",label:"AccordionItem",component:o.jsx(iv,{})},{path:"tab-item",label:"TabItem",component:o.jsx(qh,{})},{path:"tabs",label:"Tabs",component:o.jsx(Kh,{})}])},{path:"03",label:"03 Data-Input",subNavigation:$e([{path:"input",label:"Input",component:o.jsx(Jv,{})},{path:"textarea",label:"Textarea",component:o.jsx(og,{})},{path:"radio",label:"Radio",component:o.jsx(_v,{})},{path:"checkbox",label:"Checkbox",component:o.jsx(xv,{})},{path:"select",label:"Select",component:o.jsx(Pv,{})}])},{path:"02",label:"02 Action",subNavigation:$e([{path:"link",label:"Link",component:o.jsx(eg,{})},{path:"button",label:"Button",component:o.jsx(Mv,{})}])},{path:"01",label:"01 Layout",subNavigation:$e([{path:"card",label:"Card",component:o.jsx(Vv,{})},{path:"drawer",label:"Drawer",component:o.jsx(Cv,{})},{path:"divider",label:"Divider",component:o.jsx(Hv,{})},{path:"section",label:"Section",component:o.jsx(lg,{})},{path:"popover",label:"Popover",component:o.jsx(av,{})}])},{path:"",label:"Home",component:o.jsx(Gv,{})}],Gd=({navItem:t})=>{const e=ln(),n=t.path===""?e.pathname==="/":e.pathname.includes(t.path);return o.jsx($t,{active:n,backButtonText:`Back to ${t.label}`,subNavigation:t.subNavigation&&o.jsx(o.Fragment,{children:t.subNavigation.map(a=>({...a,path:`${t.path}/${a.path}`})).map(a=>o.jsx(Gd,{navItem:a},`router-path-${a.path}`))}),children:t.component?o.jsx(Sb,{to:t.path,children:t.label},`router-path-${t.path}`):t.label})},pg=()=>o.jsx(Od,{children:$e(Hd).map(t=>o.jsx(Gd,{navItem:t},`router-path-${t.path}`))}),bg=()=>{const[t,e,n,a,l,r]=Wd(),[i,s]=d.useState(!1);return l??r?o.jsx("div",{className:`db-density-${t} db-${n}`,children:o.jsx(tu,{})}):o.jsx(uh,{type:"fixedHeaderFooter",fadeIn:!0,header:o.jsx(th,{drawerOpen:i,onToggle:s,brand:o.jsx(Ad,{children:"Showcase"}),metaNavigation:o.jsx(Hh,{onColorChange:a,onDensityChange:e}),callToAction:o.jsx(J,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),actionBar:o.jsxs(o.Fragment,{children:[o.jsx(J,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),o.jsx(J,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),o.jsx(J,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),children:o.jsx(pg,{})}),children:o.jsx("div",{className:`db-density-${t} db-${n}`,children:o.jsx(tu,{})})})};Mr.createRoot(document.querySelector("#root")).render(o.jsx(bu.StrictMode,{children:o.jsx(Tb,{children:o.jsxs(pb,{children:[o.jsx(Xn,{path:"/",element:o.jsx(bg,{}),children:Hd.map(t=>o.jsx(Xn,{path:t.path,element:t.component,children:t.subNavigation?t.subNavigation.map(e=>o.jsx(Xn,{path:e.path,element:e.component},`router-${e.path}`)):null},`router-${t.path}`))}),o.jsx(Xn,{path:"/*",element:o.jsx(mb,{to:"/"})})]})})})); diff --git a/screen-reader-test/react-showcase/favicon.ico b/screen-reader-test/react-showcase/favicon.ico new file mode 100644 index 0000000..fb9f040 Binary files /dev/null and b/screen-reader-test/react-showcase/favicon.ico differ diff --git a/screen-reader-test/react-showcase/index.html b/screen-reader-test/react-showcase/index.html new file mode 100644 index 0000000..8f7ebd9 --- /dev/null +++ b/screen-reader-test/react-showcase/index.html @@ -0,0 +1,13 @@ + + + + + + Showcase + + + + +
+ + diff --git a/screen-reader-test/react-showcase/robots.txt b/screen-reader-test/react-showcase/robots.txt new file mode 100644 index 0000000..4a37bf4 --- /dev/null +++ b/screen-reader-test/react-showcase/robots.txt @@ -0,0 +1,6 @@ +# www.robotstxt.org/ +# https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/misc.md#robotstxt + +# Allow crawling of all content +User-agent: * +Disallow: / diff --git a/screen-reader-test/react-showcase/site.webmanifest b/screen-reader-test/react-showcase/site.webmanifest new file mode 100644 index 0000000..c5b4ef3 --- /dev/null +++ b/screen-reader-test/react-showcase/site.webmanifest @@ -0,0 +1,14 @@ +{ + "short_name": "", + "name": "", + "icons": [ + { + "src": "/images/db_logo.svg", + "type": "image/svg", + "sizes": "192x192" + } + ], + "start_url": "/", + "background_color": "#fdfdfd", + "theme_color": "#fdfdfd" +} diff --git a/screen-reader-test/screen-reader/README.md b/screen-reader-test/screen-reader/README.md new file mode 100644 index 0000000..6143aee --- /dev/null +++ b/screen-reader-test/screen-reader/README.md @@ -0,0 +1,22 @@ +# Screen Automated Reader (ScAR ๐Ÿฆ๐Ÿ”ฅ๐Ÿ’€) + +Test with this: + +## MacOS + +```shell +npm run test:screen-reader:macos-latest --workspace=react-showcase -- --ui +``` + +## Windows + +```shell +npm run test:screen-reader:windows-latest --workspace=react-showcase -- --ui +``` + +## Gotchas + +- Local: Don't switch windows while testing, it will capture only your current screen +- We should avoid auto-generate tests, because they take a lot of time. +- Nvda `next` is equivalent of executing Down Arrow - Won't work with radio/select as you might expect +- One simple test takes about 1 minute in CI โฌ… so only test important things diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBButton-should-not-have-icon-in-screen-reader.txt b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBButton-should-not-have-icon-in-screen-reader.txt new file mode 100644 index 0000000..2f9862e --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBButton-should-not-have-icon-in-screen-reader.txt @@ -0,0 +1 @@ +["(Default) Text button","Icon & Text button","Icon button"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBInput-should-have-message-and-label.txt b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBInput-should-have-message-and-label.txt new file mode 100644 index 0000000..67192fe --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBInput-should-have-message-and-label.txt @@ -0,0 +1 @@ +["Label","Label (Default) Basic edit text"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBRadio-should-label-duplicated.txt b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBRadio-should-label-duplicated.txt new file mode 100644 index 0000000..9fb3c41 --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/chromium/DBRadio-should-label-duplicated.txt @@ -0,0 +1 @@ +["Functional radio button, 1 of 3","(Default) Regular radio button, 2 of 3","Expressive radio button, 3 of 3"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBButton-should-not-have-icon-in-screen-reader.txt b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBButton-should-not-have-icon-in-screen-reader.txt new file mode 100644 index 0000000..e2ab413 --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBButton-should-not-have-icon-in-screen-reader.txt @@ -0,0 +1 @@ +["Default","Default","Text"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBInput-should-have-message-and-label.txt b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBInput-should-have-message-and-label.txt new file mode 100644 index 0000000..1608d70 --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBInput-should-have-message-and-label.txt @@ -0,0 +1 @@ +["Label clickable","end of Label group"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBRadio-should-label-duplicated.txt b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBRadio-should-label-duplicated.txt new file mode 100644 index 0000000..d75739c --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/firefox/DBRadio-should-label-duplicated.txt @@ -0,0 +1 @@ +["Functional radio button, 1 of 3","Functional clickable","end of Functional group"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBButton-should-not-have-icon-in-screen-reader.txt b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBButton-should-not-have-icon-in-screen-reader.txt new file mode 100644 index 0000000..2f9862e --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBButton-should-not-have-icon-in-screen-reader.txt @@ -0,0 +1 @@ +["(Default) Text button","Icon & Text button","Icon button"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBInput-should-have-message-and-label.txt b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBInput-should-have-message-and-label.txt new file mode 100644 index 0000000..67192fe --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBInput-should-have-message-and-label.txt @@ -0,0 +1 @@ +["Label","Label (Default) Basic edit text"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBRadio-should-label-duplicated.txt b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBRadio-should-label-duplicated.txt new file mode 100644 index 0000000..c0e779e --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/macos/webkit/DBRadio-should-label-duplicated.txt @@ -0,0 +1 @@ +["Functional radio button, 1 of 3","Functional","(Default) Regular radio button, 2 of 3"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBButton-should-not-have-icon-in-screen-reader.txt b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBButton-should-not-have-icon-in-screen-reader.txt new file mode 100644 index 0000000..5966d60 --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBButton-should-not-have-icon-in-screen-reader.txt @@ -0,0 +1 @@ +["button, (Default) Text","button, Icon and Text","button, Icon"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBInput-should-have-message-and-label.txt b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBInput-should-have-message-and-label.txt new file mode 100644 index 0000000..b79c99e --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBInput-should-have-message-and-label.txt @@ -0,0 +1 @@ +["blank","blank"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBRadio-should-label-duplicated.txt b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBRadio-should-label-duplicated.txt new file mode 100644 index 0000000..b2f044f --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/chromium/DBRadio-should-label-duplicated.txt @@ -0,0 +1 @@ +["(Default) Regular, radio button, checked, 2 of 3","Expressive, radio button, checked, 3 of 3","Functional, radio button, checked, 1 of 3"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBButton-should-not-have-icon-in-screen-reader.txt b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBButton-should-not-have-icon-in-screen-reader.txt new file mode 100644 index 0000000..eac272f --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBButton-should-not-have-icon-in-screen-reader.txt @@ -0,0 +1 @@ +["button, (Default) Text","button, user Icon and Text","button, user Icon"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBInput-should-have-message-and-label.txt b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBInput-should-have-message-and-label.txt new file mode 100644 index 0000000..b79c99e --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBInput-should-have-message-and-label.txt @@ -0,0 +1 @@ +["blank","blank"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBRadio-should-label-duplicated.txt b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBRadio-should-label-duplicated.txt new file mode 100644 index 0000000..21ad6b9 --- /dev/null +++ b/screen-reader-test/screen-reader/__snapshots__/windows/firefox/DBRadio-should-label-duplicated.txt @@ -0,0 +1 @@ +["Functional, radio button, checked, 1 of 3","(Default) Regular, radio button, checked, 2 of 3","Expressive, radio button, checked, 3 of 3"] \ No newline at end of file diff --git a/screen-reader-test/screen-reader/data.ts b/screen-reader-test/screen-reader/data.ts new file mode 100644 index 0000000..d52e980 --- /dev/null +++ b/screen-reader-test/screen-reader/data.ts @@ -0,0 +1,40 @@ +import { + Page, + PlaywrightTestArgs, + PlaywrightTestOptions, + PlaywrightWorkerArgs, + PlaywrightWorkerOptions, + TestType, +} from "@playwright/test"; +import { NVDAPlaywright, VoiceOverPlaywright } from "@guidepup/playwright"; + +export type ScreenReaderTestType = TestType< + PlaywrightTestArgs & + PlaywrightTestOptions & { + nvda?: NVDAPlaywright; + voiceOver?: VoiceOverPlaywright; + }, + PlaywrightWorkerArgs & PlaywrightWorkerOptions +>; + +export type DefaultTestType = { + test?: ScreenReaderTestType; + title: string; + url: string; + testFn: ( + voiceOver: VoiceOverPlaywright, + nvda: NVDAPlaywright, + ) => Promise; + postTestFn?: ( + voiceOver: VoiceOverPlaywright, + nvda: NVDAPlaywright, + ) => Promise; + additionalParams?: string; +}; + +export type RunTestType = { + page: Page; + retry: number; + nvda?: NVDAPlaywright; + voiceOver?: VoiceOverPlaywright; +}; diff --git a/screen-reader-test/screen-reader/default.ts b/screen-reader-test/screen-reader/default.ts new file mode 100644 index 0000000..edfae07 --- /dev/null +++ b/screen-reader-test/screen-reader/default.ts @@ -0,0 +1,148 @@ +/* eslint-disable import/no-anonymous-default-export */ +import { platform } from "node:os"; +import { + type NVDAPlaywright, + nvdaTest, + type VoiceOverPlaywright, + voiceOverTest, +} from "@guidepup/playwright"; +import { macOSRecord, windowsRecord } from "@guidepup/guidepup"; +import { expect } from "@playwright/test"; +import { + type DefaultTestType, + type RunTestType, + type ScreenReaderTestType, +} from "./data"; + +const translations: Record = { + button: ["Schalter"], + edit: ["Eingabefeld"], + "radio button": ["Auswahlschalter"], + blank: ["Leer"], + checked: ["aktiviert"], + " of ": [" von "], + clickable: ["anklickbar"], + "has auto complete": ["mit Auto Vervollstรคndigung"], +}; + +const cleanSpeakInstructions = (phraseLog: string[]): string[] => + phraseLog.map((phrase) => + phrase + .split(". ") + .filter( + (sPhrase) => + !( + sPhrase.startsWith("You are currently") || + sPhrase.startsWith("To enter") || + sPhrase.startsWith("To exit") || + sPhrase.startsWith("To click") || + sPhrase.startsWith("To select") || + sPhrase.startsWith("To interact") + ), + ) + .join(". "), + ); + +export const generateSnapshot = async ( + screenReader?: VoiceOverPlaywright | NVDAPlaywright, + shiftFirst?: boolean, +) => { + if (!screenReader) return; + + let phraseLog: string[] = await screenReader.spokenPhraseLog(); + if (shiftFirst) { + phraseLog.shift(); + } + + phraseLog = cleanSpeakInstructions(phraseLog); + + let snapshot = JSON.stringify(phraseLog); + + for (const [key, values] of Object.entries(translations)) { + for (const value of values) { + snapshot = snapshot.replaceAll(value, key); + } + } + + expect(snapshot).toMatchSnapshot(); +}; + +export const runTest = async ({ + title, + url, + testFn, + postTestFn, + additionalParams, + page, + nvda, + voiceOver, + retry, +}: DefaultTestType & RunTestType) => { + await page.goto(`${url}${additionalParams}`, { + waitUntil: "networkidle", + }); + await page.waitForTimeout(500); + + let recorder: (() => void) | undefined; + + if (process.env.CI && retry > 0) { + const path = `./${ + process.env.showcase + }/recordings/${title}-${Date.now()}.mp4`; + recorder = isWin() ? windowsRecord(path) : macOSRecord(path); + } + + const screenRecorder = nvda ?? voiceOver; + if (!screenRecorder) return; + + await screenRecorder.navigateToWebContent(); + await testFn(voiceOver, nvda); + await postTestFn?.(voiceOver, nvda); + recorder?.(); +}; + +export const testDefault = ({ + test, + title, + url, + testFn, + postTestFn = async (voiceOver, nvda) => { + await generateSnapshot(voiceOver ?? nvda, true); + }, + additionalParams = "&color=neutral-bg-lvl-1&density=regular", +}: DefaultTestType) => { + if (isWin()) { + test?.(title, async ({ page, nvda }, testInfo) => { + await runTest({ + title, + page, + nvda, + url, + testFn, + postTestFn, + additionalParams, + retry: testInfo.retry, + }); + }); + } else { + test?.(title, async ({ page, voiceOver }, testInfo) => { + await runTest({ + title, + page, + voiceOver, + url, + testFn, + postTestFn, + additionalParams, + retry: testInfo.retry, + }); + }); + } +}; + +const isWin = (): boolean => platform() === "win32"; + +export const getTest = (): ScreenReaderTestType => + isWin() ? nvdaTest : voiceOverTest; + +export default { testDefault, generateSnapshot, getTest }; diff --git a/screen-reader-test/screen-reader/tests/button.spec.ts b/screen-reader-test/screen-reader/tests/button.spec.ts new file mode 100644 index 0000000..9897bb1 --- /dev/null +++ b/screen-reader-test/screen-reader/tests/button.spec.ts @@ -0,0 +1,18 @@ +import { generateSnapshot, getTest, testDefault } from "../default"; + +const test = getTest(); + +test.describe("DBButton", () => { + testDefault({ + test, + title: "should not have icon in screen reader", + url: "./#/02/button?page=content", + testFn: async (voiceOver, nvda) => { + const screenReader = voiceOver ?? nvda; + await screenReader.next(); + await screenReader.previous(); + await screenReader.next(); + await screenReader.next(); + }, + }); +}); diff --git a/screen-reader-test/screen-reader/tests/input.spec.ts b/screen-reader-test/screen-reader/tests/input.spec.ts new file mode 100644 index 0000000..27a3b1b --- /dev/null +++ b/screen-reader-test/screen-reader/tests/input.spec.ts @@ -0,0 +1,16 @@ +import { generateSnapshot, getTest, testDefault } from "../default"; + +const test = getTest(); +test.describe("DBInput", () => { + testDefault({ + test, + title: "should have message and label", + url: "./#/03/input?page=variant helper message", + testFn: async (voiceOver, nvda) => { + const screenReader = voiceOver ?? nvda; + await screenReader.next(); + await screenReader.previous(); + await screenReader.next(); + } + }); +}); diff --git a/screen-reader-test/screen-reader/tests/radio.spec.ts b/screen-reader-test/screen-reader/tests/radio.spec.ts new file mode 100644 index 0000000..fe1632a --- /dev/null +++ b/screen-reader-test/screen-reader/tests/radio.spec.ts @@ -0,0 +1,17 @@ +import { generateSnapshot, getTest, testDefault } from "../default"; + +const test = getTest(); +test.describe("DBRadio", () => { + testDefault({ + test, + title: "should label duplicated", + url: "./#/03/radio?page=density", + testFn: async (voiceOver, nvda) => { + const screenReader = voiceOver ?? nvda; + await screenReader.next(); + await screenReader.previous(); + await screenReader.next(); + await screenReader.next(); + }, + }); +}); diff --git a/screen-reader-test/screen-reader/tsconfig.json b/screen-reader-test/screen-reader/tsconfig.json new file mode 100644 index 0000000..f66d4dd --- /dev/null +++ b/screen-reader-test/screen-reader/tsconfig.json @@ -0,0 +1,9 @@ +{ + "compilerOptions": { + "lib": ["ESNext"], + "composite": true, + "module": "ESNext", + "moduleResolution": "Node", + "allowSyntheticDefaultImports": true + } +}