diff --git a/.github/workflows/pr-main-check.yml b/.github/workflows/pr-main-check.yml
index 2ab6f52c5..ec3e00db1 100644
--- a/.github/workflows/pr-main-check.yml
+++ b/.github/workflows/pr-main-check.yml
@@ -18,6 +18,22 @@ name: Main (PR) Build CI
env:
DOCKER_IMAGE: 'scores_web'
+ PORT: ${{ secrets.PORT }}
+ VITE_FIREBASE_DB_PROJECT_ID: ${{ secrets.VITE_FIREBASE_DB_PROJECT_ID }}
+ VITE_REDIS_PORT: ${{ secrets.VITE_REDIS_PORT }}
+ VITE_REDIS_HOST: ${{ secrets.VITE_REDIS_HOST }}
+ VITE_FIREBASE_DB_STORAGE_BUCKET: ${{ secrets.VITE_FIREBASE_DB_STORAGE_BUCKET }}
+ VITE_DISCORD_OAUTH_URL: ${{ secrets.VITE_DISCORD_OAUTH_URL }}
+ VITE_HASURA_DB_TOKEN: ${{ secrets.VITE_HASURA_DB_TOKEN }}
+ VITE_REDIS_BULL_DB: ${{ secrets.VITE_REDIS_BULL_DB }}
+ VITE_REDIS_CACHE_DB: ${{ secrets.VITE_REDIS_CACHE_DB }}
+ VITE_PROD_LOGS: ${{ secrets.VITE_PROD_LOGS }}
+ VITE_FIREBASE_DB_API_KEY: ${{ secrets.VITE_FIREBASE_DB_API_KEY }}
+ VITE_HASURA_DB_URL: ${{ secrets.VITE_HASURA_DB_URL }}
+ VITE_REDIS_PASS: ${{ secrets.VITE_REDIS_PASS }}
+ VITE_FIREBASE_DB_AUTH_DOMAIN: ${{ secrets.VITE_FIREBASE_DB_AUTH_DOMAIN }}
+ VITE_FIREBASE_DB_DATABASE_URL: ${{ secrets.VITE_FIREBASE_DB_DATABASE_URL }}
+ SENTRY_ENVIRONMENT: ${{ secrets.SENTRY_ENVIRONMENT }}
jobs:
@@ -40,12 +56,12 @@ jobs:
npm install
npm run build
- docker-image-build:
- needs: npm-build-check
- name: 🐳 Docker Image Build
- runs-on: ubuntu-22.04
- steps:
- - uses: actions/checkout@v3
- - name: Build docker image
- run: |
- docker build . --file ./docker/prod.Dockerfile --tag ${{ env.DOCKER_IMAGE }}:$(date +%s)
\ No newline at end of file
+ # docker-image-build:
+ # needs: npm-build-check
+ # name: 🐳 Docker Image Build
+ # runs-on: ubuntu-22.04
+ # steps:
+ # - uses: actions/checkout@v3
+ # - name: Build docker image
+ # run: |
+ # docker build . --file ./docker/prod.Dockerfile --tag ${{ env.DOCKER_IMAGE }}:$(date +%s)
\ No newline at end of file
diff --git a/.github/workflows/pr-main-tag.yml b/.github/workflows/pr-main-tag.yml
index 1ab392670..0806bb43a 100644
--- a/.github/workflows/pr-main-tag.yml
+++ b/.github/workflows/pr-main-tag.yml
@@ -15,6 +15,22 @@ env:
PATCH_WORDING: 'PATCH,patch,fix,hotfix,add'
MINOR_WORDING: 'MINOR,minor,feat'
MAJOR_WORDING: 'MAJOR,major,BREAKING'
+ PORT: ${{ secrets.PORT }}
+ VITE_FIREBASE_DB_PROJECT_ID: ${{ secrets.VITE_FIREBASE_DB_PROJECT_ID }}
+ VITE_REDIS_PORT: ${{ secrets.VITE_REDIS_PORT }}
+ VITE_REDIS_HOST: ${{ secrets.VITE_REDIS_HOST }}
+ VITE_FIREBASE_DB_STORAGE_BUCKET: ${{ secrets.VITE_FIREBASE_DB_STORAGE_BUCKET }}
+ VITE_DISCORD_OAUTH_URL: ${{ secrets.VITE_DISCORD_OAUTH_URL }}
+ VITE_HASURA_DB_TOKEN: ${{ secrets.VITE_HASURA_DB_TOKEN }}
+ VITE_REDIS_BULL_DB: ${{ secrets.VITE_REDIS_BULL_DB }}
+ VITE_REDIS_CACHE_DB: ${{ secrets.VITE_REDIS_CACHE_DB }}
+ VITE_PROD_LOGS: ${{ secrets.VITE_PROD_LOGS }}
+ VITE_FIREBASE_DB_API_KEY: ${{ secrets.VITE_FIREBASE_DB_API_KEY }}
+ VITE_HASURA_DB_URL: ${{ secrets.VITE_HASURA_DB_URL }}
+ VITE_REDIS_PASS: ${{ secrets.VITE_REDIS_PASS }}
+ VITE_FIREBASE_DB_AUTH_DOMAIN: ${{ secrets.VITE_FIREBASE_DB_AUTH_DOMAIN }}
+ VITE_FIREBASE_DB_DATABASE_URL: ${{ secrets.VITE_FIREBASE_DB_DATABASE_URL }}
+ SENTRY_ENVIRONMENT: ${{ secrets.SENTRY_ENVIRONMENT }}
'on':
pull_request:
diff --git a/.vscode/snippets.code-snippets b/.vscode/snippets.code-snippets
new file mode 100644
index 000000000..80454f11b
--- /dev/null
+++ b/.vscode/snippets.code-snippets
@@ -0,0 +1,195 @@
+{
+ // Place your scores workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+ // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+ // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+ // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+ // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+ // Placeholders with the same ids are connected.
+ // Example:
+ // "Print to console": {
+ // "scope": "javascript,typescript",
+ // "prefix": "log",
+ // "body": [
+ // "console.log('$1');",
+ // "$2"
+ // ],
+ // "description": "Log output to console"
+ // }
+
+ // ### SEE:
+ // ### https://code.visualstudio.com/docs/editor/userdefinedsnippets
+
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+ // BETARENA DEBUG OVERRIDE LOGS
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+
+ "scores-debug":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "debug",
+ "body":
+ [
+ "// [🐞]",
+ "dlog",
+ "(",
+ "\t`${1|🚏,🔹|} ${2|checkpoint,[var]|} ➤ ${3:debugTagOrVarName} ${$4}`,",
+ "\t${5|true,false|}",
+ ");",
+ ],
+ "description": "Betarena - Scores Platform Debug Override"
+ },
+
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+ // SVELTE-FILE SVELTE / HTML SNIPPETS
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+
+ "scores-html-img-tag":
+ {
+ "scope": "svelte",
+ "prefix": "img",
+ "body":
+ [
+ ""
+ ],
+ "description": "Betarena - Scores Platform image tag"
+ },
+
+ "scores-svelte-html-each-block":
+ {
+ "scope": "svelte",
+ "prefix": "each",
+ "body":
+ [
+ "{#each $0 ?? [] as ${1:item}",
+ "\t",
+ "{/each}"
+ ],
+ "description": "Betarena - Scores Platform Each-Loop HTML Block tag"
+ },
+
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+ // SVELTE-FILE STRUCTURE SNIPPETS & COMMENTS
+ // ◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️◾️
+
+ "scores-region-import-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptimport",
+ "body":
+ [
+ "// #region ➤ 📦 Package Imports",
+ "\n$0\n",
+ "// #endregion ➤ 📦 Package Imports"
+ ],
+ "description": "Betarena - Scores Platform Pacakge Imports init."
+ },
+
+ "scores-region-variables-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptvar",
+ "body":
+ [
+ "// #region ➤ 📌 VARIABLES",
+ "\n$0\n",
+ "// #endregion ➤ 📌 VARIABLES"
+ ],
+ "description": "Betarena - Scores Platform Variables init."
+ },
+
+ "scores-region-methods-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptmethods",
+ "body":
+ [
+ "// #region ➤ 🛠️ METHODS",
+ "\n$0\n",
+ "// #endregion ➤ 🛠️ METHODS"
+ ],
+ "description": "Betarena - Scores Platform Variables init."
+ },
+
+ "scores-region-one-off-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptoneoff",
+ "body":
+ [
+ "// #region ➤ 🚏 ONE-OFF CONDITIONS",
+ "\n$0\n",
+ "// #endregion ➤ 🚏 ONE-OFF CONDITIONS"
+ ],
+ "description": "Betarena - Scores Platform Region One-Off init."
+ },
+
+ "scores-region-reactive-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptreactive",
+ "body":
+ [
+ "// #region ➤ 🔥 REACTIVIY [SVELTE]",
+ "\n$0\n",
+ "// #endregion ➤ 🔥 REACTIVIY [SVELTE]"
+ ],
+ "description": "Betarena - Scores Platform Region One-Off init."
+ },
+
+ "scores-region-lifecycle-comment":
+ {
+ "scope": "svelte,html,javascript,typescript",
+ "prefix": "scriptlifecycle",
+ "body":
+ [
+ "// #region ➤ 🔄 LIFECYCLE [SVELTE]",
+ "\n$0\n",
+ "// #endregion ➤ 🔄 LIFECYCLE [SVELTE]"
+ ],
+ "description": "Betarena - Scores Platform Region Lifecycle init."
+ },
+
+ "scores-style-responsive-comment":
+ {
+ "scope": "svelte,html,css",
+ "prefix": "stylerescom",
+ "body":
+ [
+ "/*",
+ "=============",
+ "⚡️ RESPONSIVNESS",
+ "=============",
+ "*/"
+ ],
+ "description": "Betarena - Scores Platform Style Responsive Comment"
+ },
+
+ "scores-style-type-style-comment":
+ {
+ "scope": "svelte,html,css",
+ "prefix": "stylestylecom",
+ "body":
+ [
+ "/* 🎨 style */"
+ ],
+ "description": "Betarena - Scores Platform Style Style Comment"
+ },
+
+ "scores-style-type-position-comment":
+ {
+ "scope": "svelte,html,css",
+ "prefix": "styleposcom",
+ "body":
+ [
+ "/* 📌 position */"
+ ],
+ "description": "Betarena - Scores Platform Style Position Comment"
+ }
+
+}
\ No newline at end of file
diff --git a/Makefile b/Makefile
index f5a5975ee..fd06c85ca 100644
--- a/Makefile
+++ b/Makefile
@@ -26,12 +26,22 @@ update-scores-web:
# DEVELOPMENT
# ===========
-dev-start:
- echo 'Starting DEV Environment'
- npm run dev
- echo 'Removing Old DEV Logs'
- -rm -r ./datalog/*
- echo 'DEV Ready!'
+heroku-prod-deploy-current:
+ @echo \
+ "\n**************************************\
+ \n🚀 Pushing current branch to Heroku-Dev\
+ \n**************************************\
+ \n"
+ @git push heroku-prod $$(git branch --show-current):main -f
+#
+
+heroku-dev-deploy-current:
+ @echo \
+ "\n**************************************\
+ \n🚀 Pushing current branch to Heroku-Dev\
+ \n**************************************\
+ \n"
+ @git push heroku-dev $$(git branch --show-current):main -f
#
dev-docker-start:
@@ -42,9 +52,15 @@ dev-docker-start:
echo 'DEV Ready!'
#
-dev-clean:
- echo 'Removing Old DEV Logs'
- rm -r ./datalog/
+dev-1-click-spin:
+ -rm -r ./.svelte-kit/
+ npm run dev
+#
+
+preview-1-click-spin:
+ -rm -r ./build
+ npm run build
+ npm run preview
#
git-post-main-pr:
diff --git a/Procfile b/Procfile
index d0b35ca42..bef5264b4 100644
--- a/Procfile
+++ b/Procfile
@@ -1 +1 @@
-web: npm run start:heroku
\ No newline at end of file
+web: npm run start
\ No newline at end of file
diff --git a/openapi.yaml b/openapi.yaml
index 0b0fbc476..1fb628139 100644
--- a/openapi.yaml
+++ b/openapi.yaml
@@ -1177,4 +1177,71 @@ paths:
responses:
200:
description:
- Target player SEO widget data
\ No newline at end of file
+ Target player SEO widget data
+ post:
+ description:
+ Optional extended description in CommonMark or HTML.
+ tags:
+ - User
+ requestBody:
+ description:
+ ⚠️❗️ IMPORTANT
+ Please read carefully
+ required: false
+ content:
+ application/json:
+ schema:
+ $ref: '#/components/schemas/USER-WITHDRAW-REQUEST'
+ summary:
+ Endpoint dealing with User Updates.
+ responses:
+ 200:
+ description:
+ User Updated!
+
+components:
+
+ schemas:
+
+ USER-WITHDRAW-REQUEST:
+ type: object
+ properties:
+ asset:
+ type: string
+ example: USD
+ quantity:
+ type: integer
+ example: 53
+ amount:
+ type: integer
+ example: 10
+ type:
+ type: string
+ example: Withdraw
+ status:
+ type: string
+ example: Pending
+ Gateway:
+ type: string
+ example: Stripe
+ first_name:
+ type: string
+ example: M
+ last_name:
+ type: string
+ example: B
+ payment_email:
+ type: string
+ example: '@newEmail'
+ iban:
+ type: string
+ example: 12124123asd12
+ bic_swift:
+ type: string
+ example: asdqwe123123
+ wallet_address_erc20:
+ type: string
+ example: 0xqwe123dasd
+ uid:
+ type: string
+ example: 213210412321sad
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index c2cfa2e6b..3c7eba5c7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
"name": "betarena-scores-platform",
"version": "1.1.1",
"dependencies": {
- "@betarena/scores-lib": "^1.3.4",
+ "@betarena/scores-lib": "^1.4.6",
"@lukeed/uuid": "^2.0.1",
"@metamask/sdk": "^0.1.0",
"@moralisweb3/client-firebase-auth-utils": "^2.18.4",
@@ -20,16 +20,23 @@
"colorthief": "^2.4.0",
"compression": "^1.7.4",
"cookie": "^0.5.0",
+ "device-detector-js": "^3.0.3",
"dotenv": "^16.3.1",
+ "email-validator": "^2.0.4",
"express": "^4.17.3",
"express-sslify": "^1.2.0",
"firebase": "^9.20.0",
"graphql-request": "^5.0.0",
"heroku-ssl-redirect": "^0.1.1",
+ "ibantools": "^4.3.3",
"ioredis": "^5.3.2",
+ "masonry-layout": "^4.2.2",
"moralis": "^2.18.4",
"request-ip": "^3.3.0",
+ "ua-parser-js": "^1.0.35",
"unique-username-generator": "^1.1.3",
+ "vite-plugin-css-injected-by-js": "^3.2.1",
+ "vite-plugin-preload": "^0.3.1",
"xml-formatter": "^2.6.1"
},
"devDependencies": {
@@ -38,6 +45,8 @@
"@sveltejs/kit": "^1.22.3",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/svelte": "^4.0.3",
+ "@types/masonry-layout": "^4.2.5",
+ "@types/ua-parser-js": "^0.7.36",
"@typescript-eslint/eslint-plugin": "^5.59.1",
"@typescript-eslint/parser": "^5.59.1",
"cross-env": "^7.0.3",
@@ -536,9 +545,9 @@
}
},
"node_modules/@betarena/scores-lib": {
- "version": "1.3.4",
- "resolved": "https://registry.npmjs.org/@betarena/scores-lib/-/scores-lib-1.3.4.tgz",
- "integrity": "sha512-ETFhIyWQhUI24+V52vBwJRmhf+n1L4JMl8LLWcF0HzLYKG2JJeWq9XaXUlow2/ZZpb4LnPZ1Hw5ouhTioI9ibg==",
+ "version": "1.4.6",
+ "resolved": "https://registry.npmjs.org/@betarena/scores-lib/-/scores-lib-1.4.6.tgz",
+ "integrity": "sha512-kab0C+5AEg4muHLdOdj7fqxccEslEPtw9kwkeNPfr0mDtgYkUUvIuMaIjB7ly7VyEQctPH2j5Vslfc0Xapp3Xw==",
"dependencies": {
"firebase": "^9.17.2",
"graphql-request": "^5.0.0",
@@ -806,7 +815,6 @@
"cpu": [
"arm"
],
- "dev": true,
"optional": true,
"os": [
"android"
@@ -822,7 +830,6 @@
"cpu": [
"arm64"
],
- "dev": true,
"optional": true,
"os": [
"android"
@@ -838,7 +845,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"android"
@@ -854,7 +860,6 @@
"cpu": [
"arm64"
],
- "dev": true,
"optional": true,
"os": [
"darwin"
@@ -870,7 +875,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"darwin"
@@ -886,7 +890,6 @@
"cpu": [
"arm64"
],
- "dev": true,
"optional": true,
"os": [
"freebsd"
@@ -902,7 +905,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"freebsd"
@@ -918,7 +920,6 @@
"cpu": [
"arm"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -934,7 +935,6 @@
"cpu": [
"arm64"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -950,7 +950,6 @@
"cpu": [
"ia32"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -966,7 +965,6 @@
"cpu": [
"loong64"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -982,7 +980,6 @@
"cpu": [
"mips64el"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -998,7 +995,6 @@
"cpu": [
"ppc64"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -1014,7 +1010,6 @@
"cpu": [
"riscv64"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -1030,7 +1025,6 @@
"cpu": [
"s390x"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -1046,7 +1040,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"linux"
@@ -1062,7 +1055,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"netbsd"
@@ -1078,7 +1070,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"openbsd"
@@ -1094,7 +1085,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"sunos"
@@ -1110,7 +1100,6 @@
"cpu": [
"arm64"
],
- "dev": true,
"optional": true,
"os": [
"win32"
@@ -1126,7 +1115,6 @@
"cpu": [
"ia32"
],
- "dev": true,
"optional": true,
"os": [
"win32"
@@ -1142,7 +1130,6 @@
"cpu": [
"x64"
],
- "dev": true,
"optional": true,
"os": [
"win32"
@@ -3043,7 +3030,6 @@
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
- "dev": true,
"dependencies": {
"@types/estree": "^1.0.0",
"estree-walker": "^2.0.2",
@@ -3408,7 +3394,6 @@
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
"integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
- "dev": true,
"engines": {
"node": ">= 10"
}
@@ -3460,8 +3445,7 @@
"node_modules/@types/estree": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
- "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
- "dev": true
+ "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
},
"node_modules/@types/filesystem": {
"version": "0.0.32",
@@ -3515,6 +3499,15 @@
"pretty-format": "^29.0.0"
}
},
+ "node_modules/@types/jquery": {
+ "version": "3.5.16",
+ "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.16.tgz",
+ "integrity": "sha512-bsI7y4ZgeMkmpG9OM710RRzDFp+w4P1RGiIt30C1mSBT+ExCleeh4HObwgArnDFELmRrOpXgSYN9VF1hj+f1lw==",
+ "dev": true,
+ "dependencies": {
+ "@types/sizzle": "*"
+ }
+ },
"node_modules/@types/json-schema": {
"version": "7.0.11",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -3526,6 +3519,15 @@
"resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.2.tgz",
"integrity": "sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA=="
},
+ "node_modules/@types/masonry-layout": {
+ "version": "4.2.5",
+ "resolved": "https://registry.npmjs.org/@types/masonry-layout/-/masonry-layout-4.2.5.tgz",
+ "integrity": "sha512-/DSIDMDsXlS+7JfzywA2zm9x+veO/z1QDcjKLS4OhDZH7sFdreKJbNFKb7jYA3NrY3bRvFGCamp5+DeIArLzow==",
+ "dev": true,
+ "dependencies": {
+ "@types/jquery": "*"
+ }
+ },
"node_modules/@types/node": {
"version": "18.14.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.14.0.tgz",
@@ -3597,6 +3599,12 @@
"@types/jest": "*"
}
},
+ "node_modules/@types/ua-parser-js": {
+ "version": "0.7.36",
+ "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.36.tgz",
+ "integrity": "sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==",
+ "dev": true
+ },
"node_modules/@types/yargs": {
"version": "17.0.24",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
@@ -4179,8 +4187,7 @@
"node_modules/abab": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
- "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
- "dev": true
+ "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
},
"node_modules/abstract-leveldown": {
"version": "2.6.3",
@@ -4241,7 +4248,6 @@
"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,
"dependencies": {
"debug": "4"
},
@@ -5596,7 +5602,6 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
- "dev": true,
"dependencies": {
"rrweb-cssom": "^0.6.0"
},
@@ -5766,7 +5771,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
"integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
- "dev": true,
"dependencies": {
"abab": "^2.0.6",
"whatwg-mimetype": "^3.0.0",
@@ -5780,7 +5784,6 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
"integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
- "dev": true,
"dependencies": {
"punycode": "^2.3.0"
},
@@ -5792,7 +5795,6 @@
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -5801,7 +5803,6 @@
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
"integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
- "dev": true,
"dependencies": {
"tr46": "^4.1.1",
"webidl-conversions": "^7.0.0"
@@ -5843,8 +5844,7 @@
"node_modules/decimal.js": {
"version": "10.4.3",
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
- "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
- "dev": true
+ "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
},
"node_modules/decode-uri-component": {
"version": "0.2.2",
@@ -5967,6 +5967,11 @@
"node": ">=6"
}
},
+ "node_modules/desandro-matches-selector": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
+ "integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg=="
+ },
"node_modules/destroy": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -5996,6 +6001,14 @@
"integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
"dev": true
},
+ "node_modules/device-detector-js": {
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/device-detector-js/-/device-detector-js-3.0.3.tgz",
+ "integrity": "sha512-jM89LJAvP6uOd84at8OlD9dWP8KeYCCHUde0RT0HQo/stdoRH4b54Xl/fntx2nEXCmqiFhmo+/cJetS2VGUHPw==",
+ "engines": {
+ "node": ">= 8.11.4"
+ }
+ },
"node_modules/diff-sequences": {
"version": "29.4.3",
"resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
@@ -6049,7 +6062,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
"integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
- "dev": true,
"dependencies": {
"webidl-conversions": "^7.0.0"
},
@@ -6061,7 +6073,6 @@
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -6125,6 +6136,14 @@
"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
},
+ "node_modules/email-validator": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/email-validator/-/email-validator-2.0.4.tgz",
+ "integrity": "sha512-gYCwo7kh5S3IDyZPLZf6hSS0MnZT8QmJFqYvbqlDZSbwdZlY6QZWxJ4i/6UhITOJ4XzyI647Bm2MXKCLqnJ4nQ==",
+ "engines": {
+ "node": ">4.0"
+ }
+ },
"node_modules/emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -6202,7 +6221,6 @@
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
- "dev": true,
"engines": {
"node": ">=0.12"
},
@@ -6259,7 +6277,6 @@
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.13.tgz",
"integrity": "sha512-vhg/WR/Oiu4oUIkVhmfcc23G6/zWuEQKFS+yiosSHe4aN6+DQRXIfeloYGibIfVhkr4wyfuVsGNLr+sQU1rWWw==",
- "dev": true,
"hasInstallScript": true,
"bin": {
"esbuild": "bin/esbuild"
@@ -6547,8 +6564,7 @@
"node_modules/estree-walker": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
- "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
- "dev": true
+ "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
},
"node_modules/esutils": {
"version": "2.0.3",
@@ -7071,6 +7087,11 @@
"npm": ">=3"
}
},
+ "node_modules/ev-emitter": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
+ "integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q=="
+ },
"node_modules/eventemitter2": {
"version": "6.4.9",
"resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.9.tgz",
@@ -7533,6 +7554,14 @@
"@firebase/util": "1.9.3"
}
},
+ "node_modules/fizzy-ui-utils": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz",
+ "integrity": "sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==",
+ "dependencies": {
+ "desandro-matches-selector": "^2.0.0"
+ }
+ },
"node_modules/flat-cache": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -7652,7 +7681,6 @@
"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": [
@@ -7747,6 +7775,11 @@
"through": "^2.3.4"
}
},
+ "node_modules/get-size": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
+ "integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q=="
+ },
"node_modules/get-stream": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -8100,7 +8133,6 @@
"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"
},
@@ -8132,7 +8164,6 @@
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
"integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
- "dev": true,
"dependencies": {
"@tootallnate/once": "2",
"agent-base": "6",
@@ -8160,7 +8191,6 @@
"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,
"dependencies": {
"agent-base": "6",
"debug": "4"
@@ -8178,6 +8208,11 @@
"node": ">=8.12.0"
}
},
+ "node_modules/ibantools": {
+ "version": "4.3.3",
+ "resolved": "https://registry.npmjs.org/ibantools/-/ibantools-4.3.3.tgz",
+ "integrity": "sha512-RUTlGuFj3cU/Qfu5YIrsIZjW34/VDgKOz5fDr64Mc4NWP9b2i48vQ39r5xCl1yyFQeyEG/lASstIQHAUX18rRA=="
+ },
"node_modules/iconv-lite": {
"version": "0.4.24",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -8609,8 +8644,7 @@
"node_modules/is-potential-custom-element-name": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
- "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
- "dev": true
+ "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
},
"node_modules/is-reference": {
"version": "1.2.1",
@@ -8894,7 +8928,6 @@
"version": "22.1.0",
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
"integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
- "dev": true,
"dependencies": {
"abab": "^2.0.6",
"cssstyle": "^3.0.0",
@@ -8936,7 +8969,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
- "dev": true,
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
@@ -8950,7 +8982,6 @@
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
"integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
- "dev": true,
"dependencies": {
"psl": "^1.1.33",
"punycode": "^2.1.1",
@@ -8965,7 +8996,6 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
"integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
- "dev": true,
"dependencies": {
"punycode": "^2.3.0"
},
@@ -8977,7 +9007,6 @@
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
"integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
- "dev": true,
"engines": {
"node": ">= 4.0.0"
}
@@ -8986,7 +9015,6 @@
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -8995,7 +9023,6 @@
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
"integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
- "dev": true,
"dependencies": {
"tr46": "^4.1.1",
"webidl-conversions": "^7.0.0"
@@ -9008,7 +9035,6 @@
"version": "8.13.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
"integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
- "dev": true,
"engines": {
"node": ">=10.0.0"
},
@@ -9596,6 +9622,15 @@
"node": ">=12"
}
},
+ "node_modules/masonry-layout": {
+ "version": "4.2.2",
+ "resolved": "https://registry.npmjs.org/masonry-layout/-/masonry-layout-4.2.2.tgz",
+ "integrity": "sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==",
+ "dependencies": {
+ "get-size": "^2.0.2",
+ "outlayer": "^2.1.0"
+ }
+ },
"node_modules/md5.js": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -9907,7 +9942,6 @@
"version": "3.3.6",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
"integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
- "dev": true,
"funding": [
{
"type": "github",
@@ -10075,8 +10109,7 @@
"node_modules/nwsapi": {
"version": "2.2.7",
"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
- "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
- "dev": true
+ "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ=="
},
"node_modules/oauth-sign": {
"version": "0.9.0",
@@ -10244,6 +10277,16 @@
"integrity": "sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==",
"dev": true
},
+ "node_modules/outlayer": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/outlayer/-/outlayer-2.1.1.tgz",
+ "integrity": "sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==",
+ "dependencies": {
+ "ev-emitter": "^1.0.0",
+ "fizzy-ui-utils": "^2.0.0",
+ "get-size": "^2.0.2"
+ }
+ },
"node_modules/p-limit": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -10342,7 +10385,6 @@
"version": "7.1.2",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
- "dev": true,
"dependencies": {
"entities": "^4.4.0"
},
@@ -10482,7 +10524,6 @@
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
- "dev": true,
"engines": {
"node": ">=8.6"
},
@@ -10534,7 +10575,6 @@
"version": "8.4.26",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.26.tgz",
"integrity": "sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==",
- "dev": true,
"funding": [
{
"type": "opencollective",
@@ -10668,7 +10708,6 @@
"version": "2.8.8",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
"integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
- "dev": true,
"bin": {
"prettier": "bin-prettier.js"
},
@@ -11097,8 +11136,7 @@
"node_modules/querystringify": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
- "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
- "dev": true
+ "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
},
"node_modules/queue-microtask": {
"version": "1.2.3",
@@ -11346,8 +11384,7 @@
"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
+ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
"node_modules/resolve": {
"version": "1.22.1",
@@ -11461,7 +11498,6 @@
"version": "3.26.2",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.2.tgz",
"integrity": "sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==",
- "dev": true,
"bin": {
"rollup": "dist/bin/rollup"
},
@@ -11476,8 +11512,7 @@
"node_modules/rrweb-cssom": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
- "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
- "dev": true
+ "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
},
"node_modules/run-parallel": {
"version": "1.2.0",
@@ -11595,7 +11630,6 @@
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
- "dev": true,
"dependencies": {
"xmlchars": "^2.2.0"
},
@@ -11880,7 +11914,6 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
- "dev": true,
"engines": {
"node": ">=0.10.0"
}
@@ -12340,8 +12373,7 @@
"node_modules/symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
- "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
- "dev": true
+ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
},
"node_modules/text-table": {
"version": "0.2.0",
@@ -12563,6 +12595,24 @@
"node": ">=14.17"
}
},
+ "node_modules/ua-parser-js": {
+ "version": "1.0.35",
+ "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
+ "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA==",
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/ua-parser-js"
+ },
+ {
+ "type": "paypal",
+ "url": "https://paypal.me/faisalman"
+ }
+ ],
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/ufo": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
@@ -12654,7 +12704,6 @@
"version": "1.5.10",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
"integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
- "dev": true,
"dependencies": {
"querystringify": "^2.1.1",
"requires-port": "^1.0.0"
@@ -12723,7 +12772,6 @@
"version": "4.4.4",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.4.tgz",
"integrity": "sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==",
- "dev": true,
"dependencies": {
"esbuild": "^0.18.10",
"postcss": "^8.4.25",
@@ -12811,6 +12859,27 @@
"vite": ">=2.0.0"
}
},
+ "node_modules/vite-plugin-css-injected-by-js": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-3.2.1.tgz",
+ "integrity": "sha512-8UQWy7tcmgwkaUKYfbj/8GOeAD0RPG2tdetAGg7WikWC8IEtNrovs8RRuLjFqdRqORT1XxchBB5tPl6xO/H95g==",
+ "peerDependencies": {
+ "vite": ">2.0.0-0"
+ }
+ },
+ "node_modules/vite-plugin-preload": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/vite-plugin-preload/-/vite-plugin-preload-0.3.1.tgz",
+ "integrity": "sha512-WuaNOEoTOzQcVjrLrePJ37cNFDBdN9WMgqDtt4791DzkZVrXBJCdzlQsCqyvZ7QAuMQBQEApGRrIYOvdT9qIuA==",
+ "dependencies": {
+ "@rollup/pluginutils": "^5.0.2",
+ "jsdom": "^22.1.0",
+ "prettier": "^2.8.8"
+ },
+ "peerDependencies": {
+ "vite": ">=4.0.0"
+ }
+ },
"node_modules/vitefu": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
@@ -12924,7 +12993,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
"integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
- "dev": true,
"dependencies": {
"xml-name-validator": "^4.0.0"
},
@@ -13125,7 +13193,6 @@
"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"
},
@@ -13137,7 +13204,6 @@
"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"
},
@@ -13154,7 +13220,6 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
"integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -13338,7 +13403,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
"integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -13354,8 +13418,7 @@
"node_modules/xmlchars": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
- "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
- "dev": true
+ "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
},
"node_modules/xmlhttprequest-ssl": {
"version": "2.0.0",
@@ -13807,9 +13870,9 @@
}
},
"@betarena/scores-lib": {
- "version": "1.3.4",
- "resolved": "https://registry.npmjs.org/@betarena/scores-lib/-/scores-lib-1.3.4.tgz",
- "integrity": "sha512-ETFhIyWQhUI24+V52vBwJRmhf+n1L4JMl8LLWcF0HzLYKG2JJeWq9XaXUlow2/ZZpb4LnPZ1Hw5ouhTioI9ibg==",
+ "version": "1.4.6",
+ "resolved": "https://registry.npmjs.org/@betarena/scores-lib/-/scores-lib-1.4.6.tgz",
+ "integrity": "sha512-kab0C+5AEg4muHLdOdj7fqxccEslEPtw9kwkeNPfr0mDtgYkUUvIuMaIjB7ly7VyEQctPH2j5Vslfc0Xapp3Xw==",
"requires": {
"firebase": "^9.17.2",
"graphql-request": "^5.0.0",
@@ -14041,154 +14104,132 @@
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.13.tgz",
"integrity": "sha512-KwqFhxRFMKZINHzCqf8eKxE0XqWlAVPRxwy6rc7CbVFxzUWB2sA/s3hbMZeemPdhN3fKBkqOaFhTbS8xJXYIWQ==",
- "dev": true,
"optional": true
},
"@esbuild/android-arm64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.13.tgz",
"integrity": "sha512-j7NhycJUoUAG5kAzGf4fPWfd17N6SM3o1X6MlXVqfHvs2buFraCJzos9vbeWjLxOyBKHyPOnuCuipbhvbYtTAg==",
- "dev": true,
"optional": true
},
"@esbuild/android-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.13.tgz",
"integrity": "sha512-M2eZkRxR6WnWfVELHmv6MUoHbOqnzoTVSIxgtsyhm/NsgmL+uTmag/VVzdXvmahak1I6sOb1K/2movco5ikDJg==",
- "dev": true,
"optional": true
},
"@esbuild/darwin-arm64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.13.tgz",
"integrity": "sha512-f5goG30YgR1GU+fxtaBRdSW3SBG9pZW834Mmhxa6terzcboz7P2R0k4lDxlkP7NYRIIdBbWp+VgwQbmMH4yV7w==",
- "dev": true,
"optional": true
},
"@esbuild/darwin-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.13.tgz",
"integrity": "sha512-RIrxoKH5Eo+yE5BtaAIMZaiKutPhZjw+j0OCh8WdvKEKJQteacq0myZvBDLU+hOzQOZWJeDnuQ2xgSScKf1Ovw==",
- "dev": true,
"optional": true
},
"@esbuild/freebsd-arm64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.13.tgz",
"integrity": "sha512-AfRPhHWmj9jGyLgW/2FkYERKmYR+IjYxf2rtSLmhOrPGFh0KCETFzSjx/JX/HJnvIqHt/DRQD/KAaVsUKoI3Xg==",
- "dev": true,
"optional": true
},
"@esbuild/freebsd-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.13.tgz",
"integrity": "sha512-pGzWWZJBInhIgdEwzn8VHUBang8UvFKsvjDkeJ2oyY5gZtAM6BaxK0QLCuZY+qoj/nx/lIaItH425rm/hloETA==",
- "dev": true,
"optional": true
},
"@esbuild/linux-arm": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.13.tgz",
"integrity": "sha512-4iMxLRMCxGyk7lEvkkvrxw4aJeC93YIIrfbBlUJ062kilUUnAiMb81eEkVvCVoh3ON283ans7+OQkuy1uHW+Hw==",
- "dev": true,
"optional": true
},
"@esbuild/linux-arm64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.13.tgz",
"integrity": "sha512-hCzZbVJEHV7QM77fHPv2qgBcWxgglGFGCxk6KfQx6PsVIdi1u09X7IvgE9QKqm38OpkzaAkPnnPqwRsltvLkIQ==",
- "dev": true,
"optional": true
},
"@esbuild/linux-ia32": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.13.tgz",
"integrity": "sha512-I3OKGbynl3AAIO6onXNrup/ttToE6Rv2XYfFgLK/wnr2J+1g+7k4asLrE+n7VMhaqX+BUnyWkCu27rl+62Adug==",
- "dev": true,
"optional": true
},
"@esbuild/linux-loong64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.13.tgz",
"integrity": "sha512-8pcKDApAsKc6WW51ZEVidSGwGbebYw2qKnO1VyD8xd6JN0RN6EUXfhXmDk9Vc4/U3Y4AoFTexQewQDJGsBXBpg==",
- "dev": true,
"optional": true
},
"@esbuild/linux-mips64el": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.13.tgz",
"integrity": "sha512-6GU+J1PLiVqWx8yoCK4Z0GnfKyCGIH5L2KQipxOtbNPBs+qNDcMJr9euxnyJ6FkRPyMwaSkjejzPSISD9hb+gg==",
- "dev": true,
"optional": true
},
"@esbuild/linux-ppc64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.13.tgz",
"integrity": "sha512-pfn/OGZ8tyR8YCV7MlLl5hAit2cmS+j/ZZg9DdH0uxdCoJpV7+5DbuXrR+es4ayRVKIcfS9TTMCs60vqQDmh+w==",
- "dev": true,
"optional": true
},
"@esbuild/linux-riscv64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.13.tgz",
"integrity": "sha512-aIbhU3LPg0lOSCfVeGHbmGYIqOtW6+yzO+Nfv57YblEK01oj0mFMtvDJlOaeAZ6z0FZ9D13oahi5aIl9JFphGg==",
- "dev": true,
"optional": true
},
"@esbuild/linux-s390x": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.13.tgz",
"integrity": "sha512-Pct1QwF2sp+5LVi4Iu5Y+6JsGaV2Z2vm4O9Dd7XZ5tKYxEHjFtb140fiMcl5HM1iuv6xXO8O1Vrb1iJxHlv8UA==",
- "dev": true,
"optional": true
},
"@esbuild/linux-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.13.tgz",
"integrity": "sha512-zTrIP0KzYP7O0+3ZnmzvUKgGtUvf4+piY8PIO3V8/GfmVd3ZyHJGz7Ht0np3P1wz+I8qJ4rjwJKqqEAbIEPngA==",
- "dev": true,
"optional": true
},
"@esbuild/netbsd-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.13.tgz",
"integrity": "sha512-I6zs10TZeaHDYoGxENuksxE1sxqZpCp+agYeW039yqFwh3MgVvdmXL5NMveImOC6AtpLvE4xG5ujVic4NWFIDQ==",
- "dev": true,
"optional": true
},
"@esbuild/openbsd-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.13.tgz",
"integrity": "sha512-W5C5nczhrt1y1xPG5bV+0M12p2vetOGlvs43LH8SopQ3z2AseIROu09VgRqydx5qFN7y9qCbpgHLx0kb0TcW7g==",
- "dev": true,
"optional": true
},
"@esbuild/sunos-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.13.tgz",
"integrity": "sha512-X/xzuw4Hzpo/yq3YsfBbIsipNgmsm8mE/QeWbdGdTTeZ77fjxI2K0KP3AlhZ6gU3zKTw1bKoZTuKLnqcJ537qw==",
- "dev": true,
"optional": true
},
"@esbuild/win32-arm64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.13.tgz",
"integrity": "sha512-4CGYdRQT/ILd+yLLE5i4VApMPfGE0RPc/wFQhlluDQCK09+b4JDbxzzjpgQqTPrdnP7r5KUtGVGZYclYiPuHrw==",
- "dev": true,
"optional": true
},
"@esbuild/win32-ia32": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.13.tgz",
"integrity": "sha512-D+wKZaRhQI+MUGMH+DbEr4owC2D7XnF+uyGiZk38QbgzLcofFqIOwFs7ELmIeU45CQgfHNy9Q+LKW3cE8g37Kg==",
- "dev": true,
"optional": true
},
"@esbuild/win32-x64": {
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.13.tgz",
"integrity": "sha512-iVl6lehAfJS+VmpF3exKpNQ8b0eucf5VWfzR8S7xFve64NBNz2jPUgx1X93/kfnkfgP737O+i1k54SVQS7uVZA==",
- "dev": true,
"optional": true
},
"@eslint-community/eslint-utils": {
@@ -15618,7 +15659,6 @@
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
"integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
- "dev": true,
"requires": {
"@types/estree": "^1.0.0",
"estree-walker": "^2.0.2",
@@ -15905,8 +15945,7 @@
"@tootallnate/once": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
- "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
- "dev": true
+ "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A=="
},
"@types/aria-query": {
"version": "5.0.1",
@@ -15955,8 +15994,7 @@
"@types/estree": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
- "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==",
- "dev": true
+ "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
},
"@types/filesystem": {
"version": "0.0.32",
@@ -16010,6 +16048,15 @@
"pretty-format": "^29.0.0"
}
},
+ "@types/jquery": {
+ "version": "3.5.16",
+ "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.16.tgz",
+ "integrity": "sha512-bsI7y4ZgeMkmpG9OM710RRzDFp+w4P1RGiIt30C1mSBT+ExCleeh4HObwgArnDFELmRrOpXgSYN9VF1hj+f1lw==",
+ "dev": true,
+ "requires": {
+ "@types/sizzle": "*"
+ }
+ },
"@types/json-schema": {
"version": "7.0.11",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -16021,6 +16068,15 @@
"resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.2.tgz",
"integrity": "sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA=="
},
+ "@types/masonry-layout": {
+ "version": "4.2.5",
+ "resolved": "https://registry.npmjs.org/@types/masonry-layout/-/masonry-layout-4.2.5.tgz",
+ "integrity": "sha512-/DSIDMDsXlS+7JfzywA2zm9x+veO/z1QDcjKLS4OhDZH7sFdreKJbNFKb7jYA3NrY3bRvFGCamp5+DeIArLzow==",
+ "dev": true,
+ "requires": {
+ "@types/jquery": "*"
+ }
+ },
"@types/node": {
"version": "18.14.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-18.14.0.tgz",
@@ -16092,6 +16148,12 @@
"@types/jest": "*"
}
},
+ "@types/ua-parser-js": {
+ "version": "0.7.36",
+ "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.36.tgz",
+ "integrity": "sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==",
+ "dev": true
+ },
"@types/yargs": {
"version": "17.0.24",
"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
@@ -16556,8 +16618,7 @@
"abab": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
- "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
- "dev": true
+ "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
},
"abstract-leveldown": {
"version": "2.6.3",
@@ -16604,7 +16665,6 @@
"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,
"requires": {
"debug": "4"
}
@@ -17635,7 +17695,6 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
- "dev": true,
"requires": {
"rrweb-cssom": "^0.6.0"
}
@@ -17771,7 +17830,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
"integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
- "dev": true,
"requires": {
"abab": "^2.0.6",
"whatwg-mimetype": "^3.0.0",
@@ -17782,7 +17840,6 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
"integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
- "dev": true,
"requires": {
"punycode": "^2.3.0"
}
@@ -17790,14 +17847,12 @@
"webidl-conversions": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
- "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true
+ "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g=="
},
"whatwg-url": {
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
"integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
- "dev": true,
"requires": {
"tr46": "^4.1.1",
"webidl-conversions": "^7.0.0"
@@ -17827,8 +17882,7 @@
"decimal.js": {
"version": "10.4.3",
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
- "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
- "dev": true
+ "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
},
"decode-uri-component": {
"version": "0.2.2",
@@ -17921,6 +17975,11 @@
"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
"dev": true
},
+ "desandro-matches-selector": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
+ "integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg=="
+ },
"destroy": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -17943,6 +18002,11 @@
"integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
"dev": true
},
+ "device-detector-js": {
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/device-detector-js/-/device-detector-js-3.0.3.tgz",
+ "integrity": "sha512-jM89LJAvP6uOd84at8OlD9dWP8KeYCCHUde0RT0HQo/stdoRH4b54Xl/fntx2nEXCmqiFhmo+/cJetS2VGUHPw=="
+ },
"diff-sequences": {
"version": "29.4.3",
"resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
@@ -17987,7 +18051,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
"integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
- "dev": true,
"requires": {
"webidl-conversions": "^7.0.0"
},
@@ -17995,8 +18058,7 @@
"webidl-conversions": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
- "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true
+ "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g=="
}
}
},
@@ -18055,6 +18117,11 @@
}
}
},
+ "email-validator": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/email-validator/-/email-validator-2.0.4.tgz",
+ "integrity": "sha512-gYCwo7kh5S3IDyZPLZf6hSS0MnZT8QmJFqYvbqlDZSbwdZlY6QZWxJ4i/6UhITOJ4XzyI647Bm2MXKCLqnJ4nQ=="
+ },
"emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -18110,8 +18177,7 @@
"entities": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
- "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
- "dev": true
+ "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
},
"errno": {
"version": "0.1.8",
@@ -18156,7 +18222,6 @@
"version": "0.18.13",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.13.tgz",
"integrity": "sha512-vhg/WR/Oiu4oUIkVhmfcc23G6/zWuEQKFS+yiosSHe4aN6+DQRXIfeloYGibIfVhkr4wyfuVsGNLr+sQU1rWWw==",
- "dev": true,
"requires": {
"@esbuild/android-arm": "0.18.13",
"@esbuild/android-arm64": "0.18.13",
@@ -18366,8 +18431,7 @@
"estree-walker": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
- "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
- "dev": true
+ "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
},
"esutils": {
"version": "2.0.3",
@@ -18855,6 +18919,11 @@
"strip-hex-prefix": "1.0.0"
}
},
+ "ev-emitter": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
+ "integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q=="
+ },
"eventemitter2": {
"version": "6.4.9",
"resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.9.tgz",
@@ -19228,6 +19297,14 @@
"@firebase/util": "1.9.3"
}
},
+ "fizzy-ui-utils": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz",
+ "integrity": "sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==",
+ "requires": {
+ "desandro-matches-selector": "^2.0.0"
+ }
+ },
"flat-cache": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -19312,7 +19389,6 @@
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
- "dev": true,
"optional": true
},
"function-bind": {
@@ -19382,6 +19458,11 @@
"through": "^2.3.4"
}
},
+ "get-size": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
+ "integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q=="
+ },
"get-stream": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -19642,7 +19723,6 @@
"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,
"requires": {
"whatwg-encoding": "^2.0.0"
}
@@ -19668,7 +19748,6 @@
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
"integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
- "dev": true,
"requires": {
"@tootallnate/once": "2",
"agent-base": "6",
@@ -19689,7 +19768,6 @@
"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,
"requires": {
"agent-base": "6",
"debug": "4"
@@ -19701,6 +19779,11 @@
"integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
"dev": true
},
+ "ibantools": {
+ "version": "4.3.3",
+ "resolved": "https://registry.npmjs.org/ibantools/-/ibantools-4.3.3.tgz",
+ "integrity": "sha512-RUTlGuFj3cU/Qfu5YIrsIZjW34/VDgKOz5fDr64Mc4NWP9b2i48vQ39r5xCl1yyFQeyEG/lASstIQHAUX18rRA=="
+ },
"iconv-lite": {
"version": "0.4.24",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -19996,8 +20079,7 @@
"is-potential-custom-element-name": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
- "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
- "dev": true
+ "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
},
"is-reference": {
"version": "1.2.1",
@@ -20211,7 +20293,6 @@
"version": "22.1.0",
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
"integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
- "dev": true,
"requires": {
"abab": "^2.0.6",
"cssstyle": "^3.0.0",
@@ -20242,7 +20323,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
- "dev": true,
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
@@ -20253,7 +20333,6 @@
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
"integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
- "dev": true,
"requires": {
"psl": "^1.1.33",
"punycode": "^2.1.1",
@@ -20265,7 +20344,6 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
"integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
- "dev": true,
"requires": {
"punycode": "^2.3.0"
}
@@ -20273,20 +20351,17 @@
"universalify": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
- "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
- "dev": true
+ "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg=="
},
"webidl-conversions": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
- "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
- "dev": true
+ "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g=="
},
"whatwg-url": {
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
"integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
- "dev": true,
"requires": {
"tr46": "^4.1.1",
"webidl-conversions": "^7.0.0"
@@ -20296,7 +20371,6 @@
"version": "8.13.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
"integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
- "dev": true,
"requires": {}
}
}
@@ -20780,6 +20854,15 @@
"@jridgewell/sourcemap-codec": "^1.4.13"
}
},
+ "masonry-layout": {
+ "version": "4.2.2",
+ "resolved": "https://registry.npmjs.org/masonry-layout/-/masonry-layout-4.2.2.tgz",
+ "integrity": "sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==",
+ "requires": {
+ "get-size": "^2.0.2",
+ "outlayer": "^2.1.0"
+ }
+ },
"md5.js": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -21049,8 +21132,7 @@
"nanoid": {
"version": "3.3.6",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
- "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
- "dev": true
+ "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
},
"natural-compare": {
"version": "1.4.0",
@@ -21166,8 +21248,7 @@
"nwsapi": {
"version": "2.2.7",
"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
- "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
- "dev": true
+ "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ=="
},
"oauth-sign": {
"version": "0.9.0",
@@ -21301,6 +21382,16 @@
"integrity": "sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==",
"dev": true
},
+ "outlayer": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/outlayer/-/outlayer-2.1.1.tgz",
+ "integrity": "sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==",
+ "requires": {
+ "ev-emitter": "^1.0.0",
+ "fizzy-ui-utils": "^2.0.0",
+ "get-size": "^2.0.2"
+ }
+ },
"p-limit": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -21369,7 +21460,6 @@
"version": "7.1.2",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
- "dev": true,
"requires": {
"entities": "^4.4.0"
}
@@ -21486,8 +21576,7 @@
"picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
- "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
- "dev": true
+ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
},
"pify": {
"version": "2.3.0",
@@ -21521,7 +21610,6 @@
"version": "8.4.26",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.26.tgz",
"integrity": "sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==",
- "dev": true,
"requires": {
"nanoid": "^3.3.6",
"picocolors": "^1.0.0",
@@ -21581,8 +21669,7 @@
"prettier": {
"version": "2.8.8",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
- "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
- "dev": true
+ "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
},
"prettier-plugin-svelte": {
"version": "2.10.1",
@@ -21900,8 +21987,7 @@
"querystringify": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
- "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
- "dev": true
+ "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
},
"queue-microtask": {
"version": "1.2.3",
@@ -22089,8 +22175,7 @@
"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
+ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
"resolve": {
"version": "1.22.1",
@@ -22175,7 +22260,6 @@
"version": "3.26.2",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.2.tgz",
"integrity": "sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==",
- "dev": true,
"requires": {
"fsevents": "~2.3.2"
}
@@ -22183,8 +22267,7 @@
"rrweb-cssom": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
- "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
- "dev": true
+ "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
},
"run-parallel": {
"version": "1.2.0",
@@ -22277,7 +22360,6 @@
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
- "dev": true,
"requires": {
"xmlchars": "^2.2.0"
}
@@ -22504,8 +22586,7 @@
"source-map-js": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
- "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
- "dev": true
+ "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
},
"split-on-first": {
"version": "1.1.0",
@@ -22804,8 +22885,7 @@
"symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
- "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
- "dev": true
+ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
},
"text-table": {
"version": "0.2.0",
@@ -22974,6 +23054,11 @@
"integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
"dev": true
},
+ "ua-parser-js": {
+ "version": "1.0.35",
+ "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz",
+ "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA=="
+ },
"ufo": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
@@ -23037,7 +23122,6 @@
"version": "1.5.10",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
"integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
- "dev": true,
"requires": {
"querystringify": "^2.1.1",
"requires-port": "^1.0.0"
@@ -23094,7 +23178,6 @@
"version": "4.4.4",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.4.tgz",
"integrity": "sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==",
- "dev": true,
"requires": {
"esbuild": "^0.18.10",
"fsevents": "~2.3.2",
@@ -23127,6 +23210,22 @@
"fs-extra": "^10.0.0"
}
},
+ "vite-plugin-css-injected-by-js": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-3.2.1.tgz",
+ "integrity": "sha512-8UQWy7tcmgwkaUKYfbj/8GOeAD0RPG2tdetAGg7WikWC8IEtNrovs8RRuLjFqdRqORT1XxchBB5tPl6xO/H95g==",
+ "requires": {}
+ },
+ "vite-plugin-preload": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/vite-plugin-preload/-/vite-plugin-preload-0.3.1.tgz",
+ "integrity": "sha512-WuaNOEoTOzQcVjrLrePJ37cNFDBdN9WMgqDtt4791DzkZVrXBJCdzlQsCqyvZ7QAuMQBQEApGRrIYOvdT9qIuA==",
+ "requires": {
+ "@rollup/pluginutils": "^5.0.2",
+ "jsdom": "^22.1.0",
+ "prettier": "^2.8.8"
+ }
+ },
"vitefu": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
@@ -23187,7 +23286,6 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
"integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
- "dev": true,
"requires": {
"xml-name-validator": "^4.0.0"
}
@@ -23360,7 +23458,6 @@
"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,
"requires": {
"iconv-lite": "0.6.3"
},
@@ -23369,7 +23466,6 @@
"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,
"requires": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
}
@@ -23384,8 +23480,7 @@
"whatwg-mimetype": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
- "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
- "dev": true
+ "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q=="
},
"whatwg-url": {
"version": "5.0.0",
@@ -23515,8 +23610,7 @@
"xml-name-validator": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
- "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
- "dev": true
+ "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw=="
},
"xml-parser-xo": {
"version": "3.2.0",
@@ -23526,8 +23620,7 @@
"xmlchars": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
- "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
- "dev": true
+ "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
},
"xmlhttprequest-ssl": {
"version": "2.0.0",
diff --git a/package.json b/package.json
index fcd19a0a2..dda4be94e 100644
--- a/package.json
+++ b/package.json
@@ -17,12 +17,14 @@
"debug:bull": "cross-env NODE_DEBUG='bull' vite preview --host --port 5000",
"debug:preview": "cross-env NODE_OPTIONS='--inspect' vite preview --host --port 4173",
"dev": "vite dev --host --port 3050",
+ "dev:1-click:spin": "make dev-1-click-spin",
"dev:docker": "vite dev --host --port 5055",
"dev:docker:up": "docker-compose -f docker-compose.dev.yml up",
"staging": "npm run dev -- --mode staging",
"build": "vite build",
"preview": "vite preview --host --port 4173",
- "quick:preview:local:spin": "vite build && npm run preview",
+ "preview:1-click:spin": "make preview-1-click-spin",
+ "start": "node build/index.js",
"start:docker": "node server-docker.js",
"start:heroku": "node server-heroku.js",
"@betarena/scores-lib:pull:next": "npm i @betarena/scores-lib@latest",
@@ -38,6 +40,8 @@
"@sveltejs/kit": "^1.22.3",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/svelte": "^4.0.3",
+ "@types/masonry-layout": "^4.2.5",
+ "@types/ua-parser-js": "^0.7.36",
"@typescript-eslint/eslint-plugin": "^5.59.1",
"@typescript-eslint/parser": "^5.59.1",
"cross-env": "^7.0.3",
@@ -61,7 +65,7 @@
},
"type": "module",
"dependencies": {
- "@betarena/scores-lib": "^1.3.4",
+ "@betarena/scores-lib": "^1.4.6",
"@lukeed/uuid": "^2.0.1",
"@metamask/sdk": "^0.1.0",
"@moralisweb3/client-firebase-auth-utils": "^2.18.4",
@@ -73,16 +77,23 @@
"colorthief": "^2.4.0",
"compression": "^1.7.4",
"cookie": "^0.5.0",
+ "device-detector-js": "^3.0.3",
"dotenv": "^16.3.1",
+ "email-validator": "^2.0.4",
"express": "^4.17.3",
"express-sslify": "^1.2.0",
"firebase": "^9.20.0",
"graphql-request": "^5.0.0",
"heroku-ssl-redirect": "^0.1.1",
+ "ibantools": "^4.3.3",
"ioredis": "^5.3.2",
+ "masonry-layout": "^4.2.2",
"moralis": "^2.18.4",
"request-ip": "^3.3.0",
+ "ua-parser-js": "^1.0.35",
"unique-username-generator": "^1.1.3",
+ "vite-plugin-css-injected-by-js": "^3.2.1",
+ "vite-plugin-preload": "^0.3.1",
"xml-formatter": "^2.6.1"
}
}
diff --git a/src/app.html b/src/app.html
index 3f947b3f2..427cdaf2e 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,8 +1,15 @@
-
+
+
+
@@ -15,23 +22,48 @@
content="#292929"
/>
- css full.
+ -->
+
+
+
+
+
+
+
-
+
-
+
-
+
+
-
+
+
+{#if $sessionStore?.newsletterPopUpShow}
-
-{#if $sessionStore.newsletterPopUpShow}
- ($sessionStore.newsletterPopUpShow = false)}
+ on:click={() => ($sessionStore.newsletterPopUpShow = false)}
in:fade
/>
-
-
+
+
+
- ($sessionStore.newsletterPopUpShow = false)}
+ width=20
+ height=20
+ on:click={() => ($sessionStore.newsletterPopUpShow = false)}
/>
-
- {#if server_side_language == 'en'}
-
+
+
+ {#if $sessionStore?.serverLang == 'en'}
+
- {:else if server_side_language == 'es'}
-
+
+ {:else if $sessionStore?.serverLang == 'es'}
+
- {:else if server_side_language == 'it'}
-
+
+ {:else if $sessionStore?.serverLang == 'it'}
+
- {:else if server_side_language == 'br'}
-
-
- {:else if server_side_language == 'pt'}
-
+
+ {:else if $sessionStore?.serverLang == 'pt'}
+
+
{/if}
+
+
{/if}
-
+
+
diff --git a/src/lib/components/Offline-Alert.svelte b/src/lib/components/Offline-Alert.svelte
index 19d79013d..53fe2b9a4 100644
--- a/src/lib/components/Offline-Alert.svelte
+++ b/src/lib/components/Offline-Alert.svelte
@@ -1,31 +1,48 @@
-
-
+
-
+
-
-
+
Warning there is no connection to the internet
you are using the website in offline mode
+
-
+
+
diff --git a/src/lib/components/Platform-Alert.svelte b/src/lib/components/Platform-Alert.svelte
index c2beb4286..18313d8c0 100644
--- a/src/lib/components/Platform-Alert.svelte
+++ b/src/lib/components/Platform-Alert.svelte
@@ -1,20 +1,36 @@
-
+
+
-
-
-{#if HEADER_TRANSLATION_DATA != undefined}
-
- {#if HEADER_TRANSLATION_DATA.scores_top_bar_messages.status && show}
-
- {/if}
+
+
+{#if B_NAV_T?.scores_top_bar_messages?.status && show}
+
+
+
{/if}
-
+
+
diff --git a/src/lib/components/SEO-Box.svelte b/src/lib/components/SEO-Box.svelte
index 09640b17d..587f1d229 100644
--- a/src/lib/components/SEO-Box.svelte
+++ b/src/lib/components/SEO-Box.svelte
@@ -3,60 +3,24 @@ COMPONENT JS (w/ TS)
=================-->
{#if !browser}
+ id="seo-widget-box"
+ >
@@ -69,9 +33,10 @@ NOTE: [HINT] auto-fill/auto-complete iniside
diff --git a/src/lib/components/_main_/header/Header-C-Bookmakers.svelte b/src/lib/components/_main_/header/Header-C-Bookmakers.svelte
index 2da1f95d7..f3cc703c9 100644
--- a/src/lib/components/_main_/header/Header-C-Bookmakers.svelte
+++ b/src/lib/components/_main_/header/Header-C-Bookmakers.svelte
@@ -7,15 +7,12 @@ COMPONENT JS (w/ TS)
// #region ➤ 📦 Package Imports
import { page } from "$app/stores";
+ import { onMount } from "svelte";
import { fly } from "svelte/transition";
import userBetarenaSettings from '$lib/store/user-settings.js';
import { translationObject } from "$lib/utils/translation.js";
- import icon_arrow_down_fade from './assets/arrow-down-fade.svg';
- import icon_arrow_up from './assets/arrow-up.svg';
- import icon_check from './assets/icon-check.svg';
-
import type { B_NAV_T } from '@betarena/scores-lib/types/navbar.js';
// #endregion ➤ 📦 Package Imports
@@ -28,6 +25,10 @@ COMPONENT JS (w/ TS)
;
let
+ // IMPORTANT
+ icon_arrow_down_fade: string,
+ icon_arrow_up: string,
+ icon_check: string,
B_NAV_T: B_NAV_T = $page.data.HEADER_TRANSLATION_DATA,
isBookmakersDropdown: boolean = false
;
@@ -36,6 +37,20 @@ COMPONENT JS (w/ TS)
// #endregion ➤ 📌 VARIABLES
+ // #region ➤ 🔄 LIFECYCLE [SVELTE]
+
+ onMount
+ (
+ async () =>
+ {
+ icon_arrow_down_fade = (await import('./assets/arrow-down-fade.svg')).default;
+ icon_arrow_up = (await import('./assets/arrow-up.svg')).default;
+ icon_check = (await import('./assets/icon-check.svg')).default;
+ }
+ );
+
+ // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
+
+
{#if PAGE_DATA_SEO}
{/if}
- {#if PAGE_DATA_SEO}
- {#each PAGE_DATA_SEO?.hreflang || [] as item}
- {#if item.link == null}
-
- {:else}
-
- {/if}
- {/each}
- {/if}
+ {#each PAGE_DATA_SEO?.hreflang ?? [] as item}
+ {#if item?.link == null}
+
+ {:else}
+
+ {/if}
+ {/each}
-
+
+
{#if !tabletExclusive && !mobileExclusive}
+
-
+
+
-
+
-
+
+
-
+
-
+
+
{:else}
+
+
{#if tabletExclusive && !mobileExclusive}
-
+
{/if}
-
+
+
+
{/if}
+
-
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte b/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
index ced128fdd..69fb03e10 100644
--- a/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
+++ b/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
@@ -1,159 +1,155 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
-
-
-
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
-
- {WIDGET_T_DATA?.translations?.widget_title}
-
-
- {WIDGET_T_DATA?.translations?.title}
-
-
+ {WIDGET_T_DATA?.translations?.widget_title}
+ {WIDGET_T_DATA?.translations?.title}
-
{#await widgetInit()}
{:then data}
+
+
-
-{:catch error}
+
+
-{/await}
-
-
-
-
\ No newline at end of file
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/feat-match/FeatMatch-Widget.svelte b/src/lib/components/page/home/feat-match/FeatMatch-Widget.svelte
index d78126d5b..ee5040417 100644
--- a/src/lib/components/page/home/feat-match/FeatMatch-Widget.svelte
+++ b/src/lib/components/page/home/feat-match/FeatMatch-Widget.svelte
@@ -1,134 +1,155 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
-
-
-
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
- {WIDGET_TITLE}
-
+ {WIDGET_TITLE}
{WIDGET_S_DATA?.home_team_name}
{WIDGET_S_DATA?.away_team_name}
@@ -137,9 +158,7 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
-->
-
- {WIDGET_S_DATA?.league_name}
-
+ {WIDGET_S_DATA?.league_name}
@@ -149,7 +168,7 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
{WIDGET_S_DATA?.away_team_name}
- {#each WIDGET_S_DATA?.player_urls || [] as player}
+ {#each WIDGET_S_DATA?.player_urls ?? [] as player}
@@ -160,54 +179,52 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
-
+
-
{#await widgetInit()}
{:then data}
+
{#if !NO_WIDGET_DATA}
-
+
+
+
+
+
{/if}
+
{:catch error}
-{/await}
-
-
-
-
\ No newline at end of file
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/league_list/LeagueList_Loader.svelte b/src/lib/components/page/home/league-list/LeagueList-Loader.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/LeagueList_Loader.svelte
rename to src/lib/components/page/home/league-list/LeagueList-Loader.svelte
diff --git a/src/lib/components/page/home/league-list/LeagueList-Main.svelte b/src/lib/components/page/home/league-list/LeagueList-Main.svelte
new file mode 100644
index 000000000..36765244a
--- /dev/null
+++ b/src/lib/components/page/home/league-list/LeagueList-Main.svelte
@@ -0,0 +1,1043 @@
+
+
+
+
+
+
+
+{#if !isViewTablet}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if leagueSearch != undefined}
+
+
(leagueSearch = undefined)}
+ />
+
+ {/if}
+
+
+
+
+
+
+
+
+ {B_LEGL_T?.translations?.top_leagues}
+
+
+
+
+
+
+
+ {B_LEGL_T?.translations?.leagues_by_country}
+
+
+
+
+
+ {#each B_LEGL_T?.unique_county_list ?? [] as item}
+
+
+
+
+
selectCountryLeague(item.country_id)}
+ >
+
+ {#if LEAGUES_CUSTOM_ICON_IDS.includes(item.country_id.toString())}
+
+
+ {#if item.country_id.toString() === '147'}
+
+ {:else if item.country_id.toString() === '11240938'}
+
+ {:else if item.country_id.toString() === '24143344'}
+
+ {:else if item.country_id.toString() === '11555657'}
+
+ {:else if item.country_id.toString() === '99474'}
+
+ {/if}
+
+
+ {:else}
+
+
+
+ {/if}
+
+
+
+ {item.country_name}
+
+
+
+
+
+ {#each B_LEGL_D?.all_leagues_list ?? [] as league}
+
+ {#if league.country_id
+ .toString()
+ .toLowerCase() === item.country_id
+ .toString()
+ .toLowerCase() && selectedCountryLeagueId === item.country_id}
+
+
+
+
+
+
+ {league.league_name}
+
+
+
+
+
+
+ {/if}
+
+ {/each}
+
+
+
+ {/each}
+
+
+
+
+
+
+ {#if if_R_0}
+
+
+
+
+
+ {B_LEGL_T?.translations?.no_results}
+
+
+
+
+ {:else if if_R_1}
+
+
+
+ {B_LEGL_T?.translations?.competitions_results}
+
+
+
+
+
+
+ {#if leagueSearchData.length > 4}
+
+
toggleFullLeagueList()}
+ style="padding: 0 20px;"
+ >
+ {!showFullLeagueList ? B_LEGL_T?.translations?.full_list : B_LEGL_T ?.translations?.hide}
+
+
+ {/if}
+
+
+
+ {B_LEGL_T?.translations?.countries_results}
+
+
+
+
+
+ {#each countrySearchData.slice(0, fullCountryListDisplayNum) ?? [] as item}
+
+
+
+
+
selectCountryLeague(item.country_id)}
+ >
+
+
+
+
+ {item.country_name}
+
+
+
+
+
+ {#each B_LEGL_D?.all_leagues_list ?? [] as league}
+
+ {#if league.country_id
+ .toString()
+ .toLowerCase() === item.country_id
+ .toString()
+ .toLowerCase() && selectedCountryLeagueId === item.country_id}
+
+
+
+
+
+
+ {league?.league_name}
+
+
+
+
+
+
+ {/if}
+
+ {/each}
+
+
+
+ {/each}
+
+
+
+
+ {#if countrySearchData.length > 4}
+
+
toggleFullCountryList()}
+ style="padding: 0 20px;"
+ >
+ {!showFullCountryList ? B_LEGL_T?.translations?.full_list : B_LEGL_T?.translations?.hide}
+
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+{/if}
+
+
+
+
diff --git a/src/lib/components/page/home/league-list/LeagueList-Widget.svelte b/src/lib/components/page/home/league-list/LeagueList-Widget.svelte
new file mode 100644
index 000000000..eb0b4be03
--- /dev/null
+++ b/src/lib/components/page/home/league-list/LeagueList-Widget.svelte
@@ -0,0 +1,218 @@
+
+
+
+
+
+
+
+
+ {WIDGET_TITLE}
+ {WIDGET_T_DATA?.translations?.top_leagues}
+ {WIDGET_T_DATA?.translations?.leagues_by_country}
+
+
+ {#each WIDGET_T_DATA?.all_leagues_list ?? [] as league}
+
+ {league?.league_name}
+
+ {/each}
+
+
+ {#each WIDGET_T_DATA?.unique_county_list ?? [] as country}
+ {country?.country_name}
+ {/each}
+
+
+
+
+
+
+{#await widgetInit()}
+
+
+{:then data}
+
+
+ {#if !NO_WIDGET_DATA}
+
+
+
+
+
+
+
+ {/if}
+
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/league_list/_NoResults.svelte b/src/lib/components/page/home/league-list/_NoResults.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/_NoResults.svelte
rename to src/lib/components/page/home/league-list/_NoResults.svelte
diff --git a/src/lib/components/page/home/league_list/assets/_Africa.svelte b/src/lib/components/page/home/league-list/assets/_Africa.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/_Africa.svelte
rename to src/lib/components/page/home/league-list/assets/_Africa.svelte
diff --git a/src/lib/components/page/home/league_list/assets/_Asia.svelte b/src/lib/components/page/home/league-list/assets/_Asia.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/_Asia.svelte
rename to src/lib/components/page/home/league-list/assets/_Asia.svelte
diff --git a/src/lib/components/page/home/league_list/assets/_North_Central_America.svelte b/src/lib/components/page/home/league-list/assets/_North_Central_America.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/_North_Central_America.svelte
rename to src/lib/components/page/home/league-list/assets/_North_Central_America.svelte
diff --git a/src/lib/components/page/home/league_list/assets/_South_America.svelte b/src/lib/components/page/home/league-list/assets/_South_America.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/_South_America.svelte
rename to src/lib/components/page/home/league-list/assets/_South_America.svelte
diff --git a/src/lib/components/page/home/league_list/assets/_World.svelte b/src/lib/components/page/home/league-list/assets/_World.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/_World.svelte
rename to src/lib/components/page/home/league-list/assets/_World.svelte
diff --git a/src/lib/components/page/home/league_list/assets/close-white.svg b/src/lib/components/page/home/league-list/assets/close-white.svg
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/close-white.svg
rename to src/lib/components/page/home/league-list/assets/close-white.svg
diff --git a/src/lib/components/page/home/league_list/assets/close.svg b/src/lib/components/page/home/league-list/assets/close.svg
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/close.svg
rename to src/lib/components/page/home/league-list/assets/close.svg
diff --git a/src/lib/components/page/home/league_list/assets/search.svg b/src/lib/components/page/home/league-list/assets/search.svg
similarity index 100%
rename from src/lib/components/page/home/league_list/assets/search.svg
rename to src/lib/components/page/home/league-list/assets/search.svg
diff --git a/src/lib/components/page/home/league_list/loaders/Loader_Row.svelte b/src/lib/components/page/home/league-list/loaders/Loader_Row.svelte
similarity index 100%
rename from src/lib/components/page/home/league_list/loaders/Loader_Row.svelte
rename to src/lib/components/page/home/league-list/loaders/Loader_Row.svelte
diff --git a/src/lib/components/page/home/league_list/_LeagueList_Widget.svelte b/src/lib/components/page/home/league_list/_LeagueList_Widget.svelte
deleted file mode 100644
index db25d1480..000000000
--- a/src/lib/components/page/home/league_list/_LeagueList_Widget.svelte
+++ /dev/null
@@ -1,990 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO?.translations?.widget_title}
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO?.translations?.top_leagues}
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO?.translations?.leagues_by_country}
-
-
- {#each LEAGUE_LIST_WIDGET_DATA_SEO?.all_leagues_list || [] as league}
-
- {league?.league_name}
-
- {/each}
-
- {#each LEAGUE_LIST_WIDGET_DATA_SEO?.unique_county_list || [] as country}
-
{country?.country_name}
- {/each}
-
-
-
-
-{#if viewportDesktop}
-
- {#if !refresh}
-
- {#await widgetInit()}
-
-
- {:then data}
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.widget_title}
-
-
-
-
-
-
-
- {#if leagueSearch != undefined}
-
- (leagueSearch = undefined)}
- />
- {/if}
-
-
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.top_leagues}
-
-
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.leagues_by_country}
-
-
-
-
- {#each LEAGUE_LIST_WIDGET_DATA_SEO.unique_county_list as item}
-
-
-
- selectCountryLeague(
- item.country_id
- )}
- >
-
- {#if LEAGUES_CUSTOM_ICON_IDS.includes(item.country_id.toString())}
-
- {#if item.country_id.toString() === '147'}
-
- {:else if item.country_id.toString() === '11240938'}
-
- {:else if item.country_id.toString() === '24143344'}
-
- {:else if item.country_id.toString() === '11555657'}
-
- {:else if item.country_id.toString() === '99474'}
-
- {/if}
-
- {:else}
-
- {/if}
-
-
- {item.country_name}
-
-
-
- {#each data.all_leagues_list as league}
- {#if league.country_id
- .toString()
- .toLowerCase() === item.country_id
- .toString()
- .toLowerCase() && selectedCountryLeagueId === item.country_id}
-
-
-
- {league.league_name}
-
-
-
- {/if}
- {/each}
-
- {/each}
-
-
-
- {#if leagueSearch != undefined && leagueSearchData.length === 0 && countrySearchData.length === 0}
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.no_results}
-
-
- {:else if leagueSearch != undefined && (leagueSearchData.length !== 0 || countrySearchData.length !== 0)}
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations
- .competitions_results}
-
-
-
-
- {#if leagueSearchData.length > 4}
-
- toggleFullLeagueList()}
- style="padding: 0 20px;"
- >
- {!showFullLeagueList
- ? LEAGUE_LIST_WIDGET_DATA_SEO
- ?.translations?.full_list
- : LEAGUE_LIST_WIDGET_DATA_SEO
- ?.translations?.hide}
-
- {/if}
-
-
-
- {LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.countries_results}
-
-
-
-
-
- {#each countrySearchData.slice(0, fullCountryListDisplayNum) as item}
-
-
-
- selectCountryLeague(
- item.country_id
- )}
- >
-
-
- {item.country_name}
-
-
-
- {#each data.all_leagues_list as league}
- {#if league.country_id
- .toString()
- .toLowerCase() === item.country_id
- .toString()
- .toLowerCase() && selectedCountryLeagueId === item.country_id}
-
-
-
- {league.league_name}
-
-
-
- {/if}
- {/each}
-
- {/each}
-
-
-
- {#if countrySearchData.length > 4}
-
- toggleFullCountryList()}
- style="padding: 0 20px;"
- >
- {!showFullCountryList
- ? LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.full_list
- : LEAGUE_LIST_WIDGET_DATA_SEO
- .translations.hide}
-
- {/if}
- {/if}
-
-
-
- {:catch error}
- {error}
- {/await}
- {/if}
-{/if}
-
-
-
diff --git a/src/lib/components/page/home/leagues_table/_League_Table_Widget_ContentLoader.svelte b/src/lib/components/page/home/leagues-table/Leagues-Table-Loader.svelte
similarity index 100%
rename from src/lib/components/page/home/leagues_table/_League_Table_Widget_ContentLoader.svelte
rename to src/lib/components/page/home/leagues-table/Leagues-Table-Loader.svelte
diff --git a/src/lib/components/page/home/leagues-table/Leagues-Table-Main.svelte b/src/lib/components/page/home/leagues-table/Leagues-Table-Main.svelte
new file mode 100644
index 000000000..abeab21d2
--- /dev/null
+++ b/src/lib/components/page/home/leagues-table/Leagues-Table-Main.svelte
@@ -0,0 +1,484 @@
+
+
+
+
+
+
+
+
+
+ {#if noWidgetData}
+
+ {/if}
+
+
+ {#if !noWidgetData}
+
+
+
+
+
+
+
(toggleDropdown = !toggleDropdown)}
+ >
+
+
+ {#each B_LEGT_D?.top_leagues_table_data ?? [] as season_league_data_obj}
+
+ {#if dropdownSelect === season_league_data_obj.season_league_id}
+
+
+
+
+ {season_league_data_obj?.season_league_name}
+
+
+
+
+
+
+ {/if}
+
+ {/each}
+
+
+ {#if toggleDropdown}
+
+
+
+
+ {#each B_LEGT_D?.top_leagues_table_data ?? [] as item}
+
+
+
(dropdownSelect = item.season_league_id)}
+ >
+
+
+
+
+ {item.season_league_name}
+
+
+
+
+ {#if item.season_league_id === dropdownSelect}
+
+
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+
+ {/if}
+
+
+
+
+ {#each B_LEGT_D?.top_leagues_table_data ?? [] as season_league_data_obj}
+
+ {#if dropdownSelect === season_league_data_obj.season_league_id}
+
+ {#if !isViewTablet}
+
+
+
+ {/if}
+
+ {#each season_league_data_obj?.season_league_teams ?? [] as season_league_team}
+
+ {/each}
+
+ {/if}
+
+ {/each}
+
+
+
+ {/if}
+
+
+
+
+
+
diff --git a/src/lib/components/page/home/leagues_table/_League_Table_Team_Row.svelte b/src/lib/components/page/home/leagues-table/Leagues-Table-Team-Row.svelte
similarity index 54%
rename from src/lib/components/page/home/leagues_table/_League_Table_Team_Row.svelte
rename to src/lib/components/page/home/leagues-table/Leagues-Table-Team-Row.svelte
index d28292cee..f96c4d442 100644
--- a/src/lib/components/page/home/leagues_table/_League_Table_Team_Row.svelte
+++ b/src/lib/components/page/home/leagues-table/Leagues-Table-Team-Row.svelte
@@ -1,25 +1,28 @@
+
+COMPONENT HTML
+NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
+=================-->
-
+
{#if viewportDesktop}
-
-
-
-
-
-
+
+
+
+
+
-
-
+
+
-
-
-
-
-
-
+
+
+
+
+
+
{data.games_played}
+
{data.points}
+
+
+
{/if}
+
+COMPONENT STYLE
+NOTE: [HINT] auto-fill/auto-complete iniside
diff --git a/src/lib/components/page/home/leagues-table/Leagues-Table-Widget.svelte b/src/lib/components/page/home/leagues-table/Leagues-Table-Widget.svelte
new file mode 100644
index 000000000..9a229766e
--- /dev/null
+++ b/src/lib/components/page/home/leagues-table/Leagues-Table-Widget.svelte
@@ -0,0 +1,201 @@
+
+
+
+
+
+
+
+ {WIDGET_T_DATA?.translations?.title}
+
+ {#each WIDGET_T_DATA?.top_leagues_table_data ?? [] as item}
+ {item?.season_league_name}
+
+ {#each item?.season_league_teams ?? [] as itemL}
+ {itemL?.team_name}
+ {/each}
+
+ {/each}
+
+
+
+
+
+{#await widgetInit()}
+
+
+{:then data}
+
+
+ {#if !NO_WIDGET_DATA}
+
+
+
+
+
+
+
+ {/if}
+
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/leagues_table/assets/arrow-down.svg b/src/lib/components/page/home/leagues-table/assets/arrow-down.svg
similarity index 100%
rename from src/lib/components/page/home/leagues_table/assets/arrow-down.svg
rename to src/lib/components/page/home/leagues-table/assets/arrow-down.svg
diff --git a/src/lib/components/page/home/leagues_table/assets/arrow-up.svg b/src/lib/components/page/home/leagues-table/assets/arrow-up.svg
similarity index 100%
rename from src/lib/components/page/home/leagues_table/assets/arrow-up.svg
rename to src/lib/components/page/home/leagues-table/assets/arrow-up.svg
diff --git a/src/lib/components/page/home/leagues_table/assets/check-league.svg b/src/lib/components/page/home/leagues-table/assets/check-league.svg
similarity index 100%
rename from src/lib/components/page/home/leagues_table/assets/check-league.svg
rename to src/lib/components/page/home/leagues-table/assets/check-league.svg
diff --git a/src/lib/components/page/home/leagues_table/loaders/_Placeholder_Row.svelte b/src/lib/components/page/home/leagues-table/loaders/_Placeholder_Row.svelte
similarity index 100%
rename from src/lib/components/page/home/leagues_table/loaders/_Placeholder_Row.svelte
rename to src/lib/components/page/home/leagues-table/loaders/_Placeholder_Row.svelte
diff --git a/src/lib/components/page/home/leagues_table/_Leagues_Table_Widget.svelte b/src/lib/components/page/home/leagues_table/_Leagues_Table_Widget.svelte
deleted file mode 100644
index 1923f5a20..000000000
--- a/src/lib/components/page/home/leagues_table/_Leagues_Table_Widget.svelte
+++ /dev/null
@@ -1,483 +0,0 @@
-
-
-
-
-
-
-
-
-
- {LEAGUES_TABLE_SCORES_SEO_DATA?.translations?.title}
-
-
- {#each LEAGUES_TABLE_SCORES_SEO_DATA?.top_leagues_table_data || [] as item}
-
- {item?.season_league_name}
-
-
- {#each item?.season_league_teams || [] as itemL}
-
{itemL?.team_name}
- {/each}
- {/each}
-
-
-
-
-
-
- {#if noLeaguesTable && !loaded}
-
- {/if}
-
-
- {#if !noLeaguesTable && !refresh}
-
- {#await widgetInit()}
-
-
-
- {:then data}
-
-
-
-
-
-
-
- (toggleDropdown = !toggleDropdown)}
- >
-
- {#each data.top_leagues_table_data as season_league_data_obj}
- {#if dropdownSelect === season_league_data_obj.season_league_id}
-
-
- {season_league_data_obj.season_league_name}
-
- {#if !toggleDropdown}
-
- {:else}
-
- {/if}
-
- {/if}
- {/each}
-
-
- {#if toggleDropdown}
-
-
-
- {#each data.top_leagues_table_data as item}
-
-
-
- (dropdownSelect =
- item.season_league_id)}
- >
-
-
-
- {item.season_league_name}
-
-
-
- {#if item.season_league_id === dropdownSelect}
-
- {/if}
-
- {/each}
-
-
- {/if}
-
-
-
- {#each data.top_leagues_table_data as season_league_data_obj}
- {#if dropdownSelect === season_league_data_obj.season_league_id}
-
- {#if viewportDesktop}
-
-
- {/if}
-
- {#each season_league_data_obj.season_league_teams as season_league_team}
-
- {/each}
- {/if}
- {/each}
-
-
-
- {:catch error}
- {error}
- {/await}
- {/if}
-
-
-
-
diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Calendar_Table.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Calendar_Table.svelte
index 6f0e6164f..631a65c6a 100644
--- a/src/lib/components/page/home/livescores-v2/Livescores_Calendar_Table.svelte
+++ b/src/lib/components/page/home/livescores-v2/Livescores_Calendar_Table.svelte
@@ -17,11 +17,6 @@ COMPONENT JS (w/ TS)
import type { B_LS2_T } from '@betarena/scores-lib/types/livescores-v2';
import { onMount } from 'svelte';
- import vec_arrow_left_dark from './assets/arrow-left-dark.svg';
- import vec_arrow_left from './assets/arrow-left.svg';
- import vec_arrow_right_dark from './assets/arrow-right-dark.svg';
- import vec_arrow_right from './assets/arrow-right.svg';
-
//#endregion ➤ [MAIN] Package Imports
//#region ➤ [VARIABLES]
@@ -38,6 +33,12 @@ COMPONENT JS (w/ TS)
}
let monthWeeksArray: monthWeekObject[] = []
let tempDate = $sessionStore.livescoreNowSelectedDate;
+ let
+ vec_arrow_left_dark: string,
+ vec_arrow_left: string,
+ vec_arrow_right_dark: string,
+ vec_arrow_right: string
+ ;
let WIDGET_T_DATA: B_LS2_T = $page.data?.LIVESCORES_V2_T_DATA
$: WIDGET_T_DATA = $page.data?.LIVESCORES_V2_T_DATA
@@ -215,9 +216,20 @@ COMPONENT JS (w/ TS)
//#endregion ➤ [REACTIVIY] [METHODS]
- //#region ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ // #region ➤ 🔄 LIFECYCLE [SVELTE]
+
+ onMount
+ (
+ async () =>
+ {
+ vec_arrow_left_dark = (await import('./assets/arrow-left-dark.svg')).default;
+ vec_arrow_left = (await import('./assets/arrow-left.svg')).default;
+ vec_arrow_right_dark = (await import('./assets/arrow-right-dark.svg')).default;
+ vec_arrow_right = (await import('./assets/arrow-right.svg')).default;
+ }
+ );
- //#endregion ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Fixture_Row.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Fixture_Row.svelte
index f7a91de99..a4c2646ba 100644
--- a/src/lib/components/page/home/livescores-v2/Livescores_Fixture_Row.svelte
+++ b/src/lib/components/page/home/livescores-v2/Livescores_Fixture_Row.svelte
@@ -15,12 +15,6 @@ COMPONENT JS (w/ TS)
import { viewport_change } from "$lib/utils/platform-functions";
import type { B_LS2_T, LS2_C_Fixture } from "@betarena/scores-lib/types/livescores-v2";
import { onMount } from "svelte";
- import one_red_card from './assets/1_red_card.svg';
- import one_red_card_dark from './assets/1_red_card_dark.svg';
- import two_red_card from './assets/2_red_cards.svg';
- import two_red_card_dark from './assets/2_red_cards_dark.svg';
- import three_red_card from './assets/3_red_cards.svg';
- import three_red_card_dark from './assets/3_red_cards_dark.svg';
//#endregion ➤ [MAIN] Package Imports
@@ -38,6 +32,15 @@ COMPONENT JS (w/ TS)
let tickSecShow: boolean = false;
+ let
+ one_red_card: string,
+ one_red_card_dark: string,
+ two_red_card: string,
+ two_red_card_dark: string,
+ three_red_card: string,
+ three_red_card_dark: string
+ ;
+
//#endregion ➤ [VARIABLES]
//#region ➤ [METHODS]
@@ -124,7 +127,7 @@ COMPONENT JS (w/ TS)
//#endregion ➤ [REACTIVIY] [METHODS]
- //#region ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ // #region ➤ 🔄 LIFECYCLE [SVELTE]
onMount(() => {
setInterval(async () => {
@@ -132,7 +135,20 @@ COMPONENT JS (w/ TS)
}, 500);
})
- //#endregion ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ onMount
+ (
+ async () =>
+ {
+ one_red_card = (await import('./assets/1_red_card.svg')).default;
+ one_red_card_dark = (await import('./assets/1_red_card_dark.svg')).default;
+ two_red_card = (await import('./assets/2_red_cards.svg')).default;
+ two_red_card_dark = (await import('./assets/2_red_cards_dark.svg')).default;
+ three_red_card = (await import('./assets/3_red_cards.svg')).default;
+ three_red_card_dark = (await import('./assets/3_red_cards_dark.svg')).default;
+ }
+ );
+
+ // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Top_Row.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Top_Row.svelte
index de1213837..86019032e 100644
--- a/src/lib/components/page/home/livescores-v2/Livescores_Top_Row.svelte
+++ b/src/lib/components/page/home/livescores-v2/Livescores_Top_Row.svelte
@@ -11,12 +11,8 @@ COMPONENT JS (w/ TS)
import userBetarenaSettings from '$lib/store/user-settings.js';
import { WEEK_DAYS_ABBRV_1, toCorrectDate, toISOMod } from '$lib/utils/dates';
import type { B_LS2_T } from '@betarena/scores-lib/types/livescores-v2';
+ import { onMount } from 'svelte';
import LivescoresCalendarTable from './Livescores_Calendar_Table.svelte';
- import vec_calendar_dark from './assets/calendar-dark.svg';
- import vec_calendar_sel_date from './assets/calendar-date-sel.svg';
- import vec_calendar_sel from './assets/calendar-select.svg';
- import vec_calendar from './assets/calendar.svg';
- import vec_pulse_dot from './assets/live-dot-vector.svg';
//#endregion ➤ [MAIN] Package Imports
@@ -42,7 +38,15 @@ COMPONENT JS (w/ TS)
string
]
- let defaultCalendarIcon: string
+ let defaultCalendarIcon: string;
+
+ let
+ vec_calendar_dark: string,
+ vec_calendar_sel_date: string,
+ vec_calendar_sel: string,
+ vec_calendar: string,
+ vec_pulse_dot: string
+ ;
//#endregion ➤ [VARIABLES]
@@ -115,9 +119,21 @@ COMPONENT JS (w/ TS)
//#endregion ➤ [REACTIVIY] [METHODS]
- //#region ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ // #region ➤ 🔄 LIFECYCLE [SVELTE]
+
+ onMount
+ (
+ async () =>
+ {
+ vec_calendar_dark = (await import('./assets/calendar-dark.svg')).default;
+ vec_calendar_sel_date = (await import('./assets/calendar-date-sel.svg')).default;
+ vec_calendar_sel = (await import('./assets/calendar-select.svg')).default;
+ vec_calendar = (await import('./assets/calendar.svg')).default;
+ vec_pulse_dot = (await import('./assets/live-dot-vector.svg')).default;
+ }
+ );
- //#endregion ➤ SvelteJS/SvelteKit [LIFECYCLE]
+ // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte
index 05d77f122..ebe2c6fa6 100644
--- a/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte
+++ b/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte
@@ -1,118 +1,145 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
-
- {WIDGET_T_DATA?.title}
-
-
@@ -125,7 +152,8 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style from the global (ap
{/if}
{/each}
-
@@ -135,40 +163,50 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style from the global (ap
{/if}
{/each}
+
+
-
{#await widgetInit()}
-
{:then data}
-
+
+
-
-{:catch error}
-
-{/await}
-
-
-
\ No newline at end of file
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/seo_block_homepage/_SEO_Block_ContentLoader.svelte b/src/lib/components/page/home/seo-block/SEO-Block-Loader.svelte
similarity index 100%
rename from src/lib/components/page/home/seo_block_homepage/_SEO_Block_ContentLoader.svelte
rename to src/lib/components/page/home/seo-block/SEO-Block-Loader.svelte
diff --git a/src/lib/components/page/home/seo-block/SEO-Block-Main.svelte b/src/lib/components/page/home/seo-block/SEO-Block-Main.svelte
new file mode 100644
index 000000000..a15756216
--- /dev/null
+++ b/src/lib/components/page/home/seo-block/SEO-Block-Main.svelte
@@ -0,0 +1,159 @@
+
+
+
+
+
+
+
+
+
+ {#if noWidgetData}
+
+ {/if}
+
+
+ {#if !noWidgetData}
+
+
+
+
+ {@html B_SEB_DT.html}
+
+
+ {/if}
+
+
+
+
+
+
diff --git a/src/lib/components/page/home/seo-block/SEO-Block-Widget.svelte b/src/lib/components/page/home/seo-block/SEO-Block-Widget.svelte
new file mode 100644
index 000000000..4366843a4
--- /dev/null
+++ b/src/lib/components/page/home/seo-block/SEO-Block-Widget.svelte
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+ {WIDGET_T_DATA?.title}
+
+ {@html WIDGET_T_DATA?.html}
+
+
+
+
+
+
+{#await widgetInit()}
+
+
+{:then data}
+
+ {#if !NO_WIDGET_DATA}
+
+
+
+
+
+
+
+ {/if}
+
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/home/seo_block_homepage/loaders/desktop/_Placeholder_Row.svelte b/src/lib/components/page/home/seo-block/loaders/desktop/_Placeholder_Row.svelte
similarity index 100%
rename from src/lib/components/page/home/seo_block_homepage/loaders/desktop/_Placeholder_Row.svelte
rename to src/lib/components/page/home/seo-block/loaders/desktop/_Placeholder_Row.svelte
diff --git a/src/lib/components/page/home/seo_block_homepage/loaders/mobile/_Placeholder_Row.svelte b/src/lib/components/page/home/seo-block/loaders/mobile/_Placeholder_Row.svelte
similarity index 100%
rename from src/lib/components/page/home/seo_block_homepage/loaders/mobile/_Placeholder_Row.svelte
rename to src/lib/components/page/home/seo-block/loaders/mobile/_Placeholder_Row.svelte
diff --git a/src/lib/components/page/home/seo_block_homepage/loaders/tablet/_Placeholder_Row.svelte b/src/lib/components/page/home/seo-block/loaders/tablet/_Placeholder_Row.svelte
similarity index 100%
rename from src/lib/components/page/home/seo_block_homepage/loaders/tablet/_Placeholder_Row.svelte
rename to src/lib/components/page/home/seo-block/loaders/tablet/_Placeholder_Row.svelte
diff --git a/src/lib/components/page/home/seo_block_homepage/_SEO_Block.svelte b/src/lib/components/page/home/seo_block_homepage/_SEO_Block.svelte
deleted file mode 100644
index bb01ba8cd..000000000
--- a/src/lib/components/page/home/seo_block_homepage/_SEO_Block.svelte
+++ /dev/null
@@ -1,187 +0,0 @@
-
-
-
-
-
-
-
-
-
{SEO_BLOCK_DATA.title}
- {@html SEO_BLOCK_DATA.html}
-
-
-
-
-
-
- {#if noSEOBlockData && !loaded}
-
- {/if}
-
-
- {#if !noSEOBlockData && !refresh}
- {#await widgetInit()}
-
-
-
- {:then data}
-
-
-
-
-
-
- {@html SEO_BLOCK_DATA.html}
-
-
-
- {:catch error}
- {error}
- {/await}
- {/if}
-
-
-
-
diff --git a/src/lib/components/page/home/top-goalscorers/TopGoalScorers-Widget.svelte b/src/lib/components/page/home/top-goalscorers/TopGoalScorers-Widget.svelte
index 88d2a3a41..cb346a1a7 100644
--- a/src/lib/components/page/home/top-goalscorers/TopGoalScorers-Widget.svelte
+++ b/src/lib/components/page/home/top-goalscorers/TopGoalScorers-Widget.svelte
@@ -1,65 +1,87 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
-
-
-
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
- {WIDGET_TITLE}
-
-
- {
- WIDGET_T_DATA
- ?.widget_translations
- ?.goals
- }
-
-
- {
- WIDGET_T_DATA
- ?.widget_translations
- ?.odds
- }
-
-
- {
- WIDGET_T_DATA
- ?.widget_translations
- ?.player
- }
-
-
- {
- WIDGET_T_DATA
- ?.widget_translations
- ?.show_more_players
- }
-
+ {WIDGET_TITLE}
+ {WIDGET_T_DATA?.widget_translations?.goals}
+ {WIDGET_T_DATA?.widget_translations?.odds}
+ {WIDGET_T_DATA?.widget_translations?.player}
+ {WIDGET_T_DATA?.widget_translations?.show_more_players}
- {#each WIDGET_S_DATA?.players || [] as player}
+ {#each WIDGET_S_DATA?.players ?? [] as player}
{player?.common_name}
@@ -162,52 +151,48 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
-
+
-
{#await widgetInit()}
{:then data}
-
+
-{:catch error}
+
+
-{/await}
-
-
-
-
\ No newline at end of file
+{:catch error}
+
+{/await}
\ No newline at end of file
diff --git a/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte b/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
index 31e6ce817..dfc614d15 100644
--- a/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
+++ b/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
@@ -225,13 +225,13 @@ VIEW DESIGN - 1
{:else if MENU_OPT == 'Scores'}
{RESPONSE_PROFILE_DATA?.profile?.scores ?? 'Scores'}
{:else if MENU_OPT == 'Withdraw'}
- {'Withdraw'}
+ {RESPONSE_PROFILE_DATA?.profile?.withdraw ?? 'Withdraw'}
{:else if MENU_OPT == 'Deposit'}
- {'Deposit'}
+ {RESPONSE_PROFILE_DATA?.profile?.deposit ?? 'Deposit'}
{:else if MENU_OPT == 'Transaction History'}
- {'Transaction History'}
+ {RESPONSE_PROFILE_DATA?.profile?.transact_history ?? 'Transaction History'}
{:else if MENU_OPT == 'Competitions History'}
- {'Competitions History'}
+ {RESPONSE_PROFILE_DATA?.profile?.competitions_history ?? 'Competitions History'}
{/if}
@@ -356,13 +356,13 @@ VIEW DESIGN - 2
{:else if MENU_OPT == 'Scores'}
{RESPONSE_PROFILE_DATA?.profile?.scores ?? 'Scores'}
{:else if MENU_OPT == 'Withdraw'}
- {'Withdraw'}
+ {RESPONSE_PROFILE_DATA?.profile?.withdraw ?? 'Withdraw'}
{:else if MENU_OPT == 'Deposit'}
- {'Deposit'}
+ {RESPONSE_PROFILE_DATA?.profile?.deposit ?? 'Deposit'}
{:else if MENU_OPT == 'Transaction History'}
- {'Transaction History'}
+ {RESPONSE_PROFILE_DATA?.profile?.transact_history ?? 'Transaction History'}
{:else if MENU_OPT == 'Competitions History'}
- {'Competitions History'}
+ {RESPONSE_PROFILE_DATA?.profile?.competitions_history ?? 'Competitions History'}
{/if}
diff --git a/src/lib/components/page/profile/Widget-MenuOpt.svelte b/src/lib/components/page/profile/Widget-MenuOpt.svelte
index d7cfb935b..46e0487a2 100644
--- a/src/lib/components/page/profile/Widget-MenuOpt.svelte
+++ b/src/lib/components/page/profile/Widget-MenuOpt.svelte
@@ -80,6 +80,9 @@ COMPONENT JS (w/ TS)
if (selectedMenuOpt == 'Transaction History')
targetUrl = `/u/transaction-history/${$userBetarenaSettings.lang}`
;
+ if (selectedMenuOpt == 'Withdraw')
+ targetUrl = `/u/withdraw/${$userBetarenaSettings.lang}`
+ ;
goto
(
@@ -122,6 +125,9 @@ COMPONENT JS (w/ TS)
;
if ($page?.url?.pathname.includes('transaction-history'))
selectedMenuOpt = 'Transaction History';
+ ;
+ if ($page?.url?.pathname.includes('withdraw'))
+ selectedMenuOpt = 'Withdraw';
;
}
diff --git a/src/lib/components/page/profile/assets/arrow-left.svg b/src/lib/components/page/profile/assets/arrow-left.svg
new file mode 100644
index 000000000..691e817bc
--- /dev/null
+++ b/src/lib/components/page/profile/assets/arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/lib/components/page/profile/assets/arrow-right.svg b/src/lib/components/page/profile/assets/arrow-right.svg
new file mode 100644
index 000000000..a7b8ef6ec
--- /dev/null
+++ b/src/lib/components/page/profile/assets/arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/lib/components/page/profile/assets/check.svg b/src/lib/components/page/profile/assets/check.svg
new file mode 100644
index 000000000..0318ad424
--- /dev/null
+++ b/src/lib/components/page/profile/assets/check.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/lib/components/page/profile/assets/withdraw-white-mobile.svg b/src/lib/components/page/profile/assets/withdraw-white-mobile.svg
new file mode 100644
index 000000000..84ed8e7b0
--- /dev/null
+++ b/src/lib/components/page/profile/assets/withdraw-white-mobile.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/lib/components/page/profile/assets/withdraw.svg b/src/lib/components/page/profile/assets/withdraw.svg
new file mode 100644
index 000000000..35492214d
--- /dev/null
+++ b/src/lib/components/page/profile/assets/withdraw.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/lib/components/page/profile/tx-history/Widget-Calendar.svelte b/src/lib/components/page/profile/tx-history/Widget-Calendar.svelte
index 1e0699e6b..1a197db24 100644
--- a/src/lib/components/page/profile/tx-history/Widget-Calendar.svelte
+++ b/src/lib/components/page/profile/tx-history/Widget-Calendar.svelte
@@ -400,9 +400,10 @@ COMPONENT JS (w/ TS)
if (if_O_0)
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint ➤ TxHistCalendar if_O_0`,
+ true
);
initCalendar();
diff --git a/src/lib/components/page/profile/tx-history/Widget-Tx-Hist.svelte b/src/lib/components/page/profile/tx-history/Widget-Tx-Hist.svelte
index 278c0cb55..ee7c78c7f 100644
--- a/src/lib/components/page/profile/tx-history/Widget-Tx-Hist.svelte
+++ b/src/lib/components/page/profile/tx-history/Widget-Tx-Hist.svelte
@@ -13,6 +13,7 @@ COMPONENT JS (w/ TS)
import sessionStore from '$lib/store/session.js';
import userBetarenaSettings from '$lib/store/user-settings.js';
import { daysInMonth, targetDate, toISOMod } from '$lib/utils/dates.js';
+ import { dlog } from '$lib/utils/debug.js';
import { sleep, viewport_change } from '$lib/utils/platform-functions.js';
import { onMount } from 'svelte';
@@ -109,8 +110,14 @@ COMPONENT JS (w/ TS)
const toDate: Date = $sessionStore.userTxHistFilterDateRange.to;
// [🐞]
- console.log('🔹 [var] fromDate', fromDate);
- console.log('🔹 [var] toDate', toDate);
+ dlog
+ (
+ `🔹 [var] fromDate ${fromDate}`
+ );
+ dlog
+ (
+ `🔹 [var] toDate ${toDate}`
+ );
txHistList = WIDGET_DATA?.tx_hist
?.filter
@@ -123,10 +130,16 @@ COMPONENT JS (w/ TS)
);
// [🐞]
- // console.log('🔹 [var] txHistList', txHistList)
+ dlog
+ (
+ `🔹 [var] ➤ txHistList?.length ${txHistList?.length}`,
+ true
+ );
txHistListLimit = LIST_LIMIT_DEFAULT;
+ isShowMore = false;
+
txHistList = txHistList;
}
@@ -151,9 +164,10 @@ COMPONENT JS (w/ TS)
if (opt == 'Last 7 Days')
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint - applyDateRangeFilter1 - Last 7 Days`,
+ true
);
$sessionStore.userTxHistFilterDateRange =
@@ -164,14 +178,17 @@ COMPONENT JS (w/ TS)
),
to: targetDate()
}
+
+ isShowMore = false;
}
if (opt == 'Last Month')
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint - applyDateRangeFilter1 - Last Month`,
+ true
);
// ### STASHED:
@@ -209,14 +226,17 @@ COMPONENT JS (w/ TS)
from: _from,
to: _to
};
+
+ isShowMore = false;
}
if (opt == 'Last 6 Months')
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint - applyDateRangeFilter1 - Last 6 Months`,
+ true
);
const _last6MonthDate: Date = new Date();
@@ -242,6 +262,8 @@ COMPONENT JS (w/ TS)
from: _from,
to: _to
};
+
+ isShowMore = false;
}
}
@@ -254,14 +276,15 @@ COMPONENT JS (w/ TS)
(
): void
{
- if (isShowMore)
- {
- txHistListLimit = WIDGET_DATA?.tx_hist?.length;
- isShowMore = !isShowMore;
- return;
- }
- txHistListLimit = LIST_LIMIT_DEFAULT;
- isShowMore = !isShowMore;
+ // [🐞]
+ dlog
+ (
+ `🚏 checkpoint ➤ showMoreToggle`,
+ true
+ );
+
+ txHistListLimit = WIDGET_DATA?.tx_hist?.length;
+ isShowMore = true;
}
/**
@@ -321,9 +344,10 @@ COMPONENT JS (w/ TS)
$: if (if_R_1)
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint ➤ TxHist if_R_1`,
+ true
);
applyDateRangeFilter1
@@ -344,9 +368,10 @@ COMPONENT JS (w/ TS)
$: if (if_R_0 && $sessionStore?.userTxHistFilterDateRange)
{
// [🐞]
- console.debug
+ dlog
(
`🚏 checkpoint ➤ TxHist if_R_0`,
+ true
);
filterTxListDateRange();
@@ -968,7 +993,7 @@ MAIN DEPOST WIDGET
- {#if WIDGET_DATA?.tx_hist?.length > 10}
+ {#if txHistList?.length > 10 && !isShowMore}
diff --git a/src/lib/components/page/profile/withdraw/Modal-Withdraw-Form.svelte b/src/lib/components/page/profile/withdraw/Modal-Withdraw-Form.svelte
new file mode 100644
index 000000000..0c9a06f1b
--- /dev/null
+++ b/src/lib/components/page/profile/withdraw/Modal-Withdraw-Form.svelte
@@ -0,0 +1,1634 @@
+
+
+
+
+
+
+
+{#if !isViewMobile}
+
toggleModal()}
+ in:fade
+ />
+{/if}
+
+
+{#if withdrawSuccess && isViewMobile}
+
+
+
+{/if}
+
+
+
+
+
+ {#if !(isViewMobile && withdrawSuccess)}
+
+
toggleModal()}
+ />
+
+ {/if}
+
+
+ {#if !withdrawSuccess}
+
+
+
+
+
+ {#if numWithdrawSteps > 1 && currentWithdrawStep > 1}
+
+
previousWithdrawStep()}
+ >
+
+
+
+ {#if !isViewMobile}
+
+
+ Back
+
+
+ {/if}
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {targetFormData?.title ?? 'Withdrawal Request'}
+
+
+
+ {targetFormStep?.description}
+
+
+
+
+
+ {#if numWithdrawSteps > 1}
+
+
+
+ {#each withdrawStepsName as item,i}
+
+
+
+
(i+1)}
+ class:current={currentWithdrawStep == (i+1)}
+ />
+
+
+
+ {item}
+
+
+ {#if currentWithdrawStep > (i+1)}
+
+ {/if}
+
+
+
+
+
+ {/each}
+
+
+
+ {/if}
+
+
+
+
+
+ {targetFormStep?.balance ?? 'Your Balance:'}
+
+
+
+
+ {spliceBalanceDoubleZero(toDecimalFix($userBetarenaSettings?.user?.scores_user_data?.main_balance)) ?? 0} BTA
+
+
+
+
+
+
+ (${spliceBalanceDoubleZero(toDecimalFix($userBetarenaSettings?.user?.scores_user_data?.main_balance)) ?? 0})
+
+
+
+ {#if if_R_0}
+
+
+
+
+
+
+
+
+
+ {withdrawObj?.asset}
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+ {#each targetFormStep?.footnotes ?? [] as form_footnote}
+
+
+ {form_footnote?.information_subtitle}
+
+
+
+ {form_footnote?.information_description}
+
+
+ {/each}
+
+
+
+
+
+
+
+
+
+
+ {#if targetFormStep?.cta_info}
+
+
+ {targetFormStep?.cta_info}
+
+
+ {/if}
+
+
+
+ {/if}
+
+
+ {#if withdrawSuccess}
+
+
+ {#if !isViewMobile}
+
+ {/if}
+
+
+
+
+ {data?.form_success?.title ?? 'Withdrawal Request'}
+
+
+
+ {data?.form_success?.description}
+
+
+
+
+
+
+
+
+
+
+ {#if isViewMobile}
+
+
+
+
+
+
+
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/page/profile/withdraw/Widget-Withdraw.svelte b/src/lib/components/page/profile/withdraw/Widget-Withdraw.svelte
new file mode 100644
index 000000000..d1a21c2c6
--- /dev/null
+++ b/src/lib/components/page/profile/withdraw/Widget-Withdraw.svelte
@@ -0,0 +1,321 @@
+
+
+
+
+
+
+{#if showWithdrawModalForm}
+
showWithdrawModalForm = false}
+ />
+{/if}
+
+
+{#await widgetInit()}
+
+{:then value}
+
+
+
+
+
+ {RESPONSE_PROFILE_DATA?.withdraw?.title ?? 'Withdraw'}
+
+
+
+
+
+ {RESPONSE_PROFILE_DATA?.withdraw?.subtitle ?? 'Withdraw Options'}
+
+
+ {RESPONSE_PROFILE_DATA?.withdraw?.description ?? ''}
+
+
+
+
+
+
+ {#each WIDGET_DATA?.withdraw_opts ?? [] as item}
+
withdrawModalToggle(item?.form_id, ($userBetarenaSettings.theme == "Dark" ? item?.provider_logo_dark : item?.provider_logo))}
+ >
+
+
+ {/each}
+
+
+
+
+
+
+ {RESPONSE_PROFILE_DATA?.withdraw?.subtitle_1 ?? 'Please note:'}
+
+
+ {@html RESPONSE_PROFILE_DATA?.withdraw?.information}
+
+
+
+
+
+{:catch error}
+
+{/await}
+
+
+
+
\ No newline at end of file
diff --git a/src/lib/firebase/common.ts b/src/lib/firebase/common.ts
index 31e131c2e..7946442da 100644
--- a/src/lib/firebase/common.ts
+++ b/src/lib/firebase/common.ts
@@ -1,13 +1,16 @@
import sessionStore from '$lib/store/session.js';
import { onValue, ref, type Unsubscribe } from "firebase/database";
-import { doc, onSnapshot } from "firebase/firestore";
+import { doc, onSnapshot, updateDoc, type DocumentData, DocumentReference, getDoc, DocumentSnapshot } from "firebase/firestore";
import { getTargetRealDbData } from "./firebase.actions.js";
import { db_firestore, db_real } from "./init";
-
+import { dlog } from '$lib/utils/debug.js';
import userBetarenaSettings from '$lib/store/user-settings.js';
+
import type { Betarena_User } from "$lib/types/types.scores.js";
import type { FIRE_LNNS, FIRE_LNPI, FIREBASE_livescores_now, FIREBASE_odds } from "@betarena/scores-lib/types/firebase.js";
+// #region 🔥 USER
+
/**
* @description
* TODO: DOC:
@@ -20,8 +23,6 @@ export function userBalanceListen
uid: string
): void
{
- // [🐞]
- // console.log('🔥 HERE')
const _unsubscribe: Unsubscribe = onSnapshot
(
@@ -45,7 +46,78 @@ export function userBalanceListen
}
-// #region PLAYER_IDS
+/**
+ * @description
+ * TODO: DOC:
+ */
+export async function userUpdateBalance
+(
+ uid: string,
+ balanceChng: number
+): Promise < void >
+{
+
+ const userRef: DocumentReference < DocumentData > = doc
+ (
+ db_firestore,
+ 'betarena_users',
+ uid
+ );
+
+ await updateDoc
+ (
+ userRef,
+ {
+ main_balance: balanceChng
+ }
+ );
+
+ return;
+
+}
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+export async function userDataFetch
+(
+ uid: string
+): Promise < void >
+{
+
+ // [🐞]
+ dlog
+ (
+ `🚏 checkpoint ➤ userDataFetch`,
+ true
+ );
+
+ const docRef: DocumentReference < DocumentData > = doc
+ (
+ db_firestore,
+ "betarena_users",
+ uid
+ );
+
+ const docSnap: DocumentSnapshot < DocumentData > = await getDoc
+ (
+ docRef
+ );
+
+ if (!docSnap.exists()) return;
+
+ const userData: Betarena_User = docSnap.data();
+
+ userBetarenaSettings.updateUserData
+ (
+ userData
+ );
+}
+
+// #endregion 🔥 USER
+
+// #region 🔥 PLAYER_IDS
/**
* @summary
@@ -109,9 +181,9 @@ export function targetPlayerIdsListen
return listenEventRef
}
-// #endregion PLAYER_IDS
+// #endregion 🔥 PLAYER_IDS
-// #region ODDS
+// #region 🔥 ODDS
/**
* @summary
@@ -304,9 +376,9 @@ export async function oneOffOddsDataGet
return;
}
-// #endregion ODDS
+// #endregion 🔥 ODDS
-// #region LIVESCORES_NOW
+// #region 🔥 LIVESCORES_NOW
/**
* @summary
@@ -474,9 +546,9 @@ export async function genLiveFixMap
);
}
-// #endregion LIVESCORES_NOW
+// #endregion 🔥 LIVESCORES_NOW
-// #region LIVESCORES_NOW_SCOREBOARD
+// #region 🔥 LIVESCORES_NOW_SCOREBOARD
/**
* @summary
@@ -581,4 +653,4 @@ function generateLiveScoreboardList
)
}
-// #endregion LIVESCORES_NOW_SCOREBOARD
\ No newline at end of file
+// #endregion 🔥 LIVESCORES_NOW_SCOREBOARD
\ No newline at end of file
diff --git a/src/lib/store/session.ts b/src/lib/store/session.ts
index f10fafd29..5fcb9e643 100644
--- a/src/lib/store/session.ts
+++ b/src/lib/store/session.ts
@@ -21,11 +21,13 @@ const sessionStoreObj: Platform_Session =
livescoreFixtureView: 'all',
fixture_select_view: 'overview',
navBtnHover: undefined,
+ withdrawModal: false,
// (+) lang handle;
lang_intent: undefined,
serverLang: undefined,
// (+) misc;
fixturesTodayNum: 0,
+ deviceType: undefined,
// (+) date handle;
userDate: clientTimezoneDate(),
livescoreNowSelectedDate: clientTimezoneDate(),
@@ -337,8 +339,6 @@ function createLocalStore
to: _to
};
- console.debug('🔥')
-
// set(sessionStoreObj);
// update
// (
diff --git a/src/lib/store/user-settings.ts b/src/lib/store/user-settings.ts
index 08e8b5f58..c9d967c4a 100644
--- a/src/lib/store/user-settings.ts
+++ b/src/lib/store/user-settings.ts
@@ -1,9 +1,10 @@
// #region ➤ 📦 Package Imports
import { writable } from 'svelte/store';
+import { dlog } from '$lib/utils/debug.js';
import type { GeoJsResponse } from '$lib/types/types.geojs.js';
-import type { Scores_User, User_Setting, Voted_Fixture } from '$lib/types/types.scores.js';
+import type { Betarena_User, Scores_User, User_Setting, Voted_Fixture } from '$lib/types/types.scores.js';
// #endregion ➤ 📦 Package Imports
@@ -411,8 +412,8 @@ function createLocalStore
localStore.user.scores_user_data.main_balance = newBalance;
- // NOTE:
- // Approach Num.1
+ // ◾️ NOTE:
+ // ◾️ Approach Num.1
// localStorage.setItem
// (
// key,
@@ -432,12 +433,63 @@ function createLocalStore
// )
// );
- // NOTE:
- // Approach Num.2
+ // ◾️ NOTE:
+ // ◾️ Approach Num.2
methods.setLocalStorage
(
localStore
);
+ },
+
+ /**
+ * @description
+ * TODO: DOC:
+ */
+ updateUserData:
+ (
+ data: Betarena_User
+ ): void =>
+ {
+ const localStore: User_Setting = methods.parseLocalStorage();
+
+ localStore.user.scores_user_data = data;
+
+ // ### CHECK
+ // ### for 'null' value for 'main_balance'.
+ const if_M_0: boolean =
+ localStore?.user?.scores_user_data?.main_balance == undefined
+ || isNaN(localStore?.user?.scores_user_data?.main_balance)
+ ;
+ if (if_M_0)
+ {
+ // [🐞]
+ dlog
+ (
+ `🚏 checkpoint ➤ updateUserData if_M_0`,
+ true
+ );
+
+ localStore.user.scores_user_data.main_balance = 0
+ };
+
+ // ◾️ NOTE:
+ // ◾️ Approach Num.2
+ methods.setLocalStorage
+ (
+ localStore
+ );
+ },
+
+ /**
+ * @description
+ * TODO: DOC:
+ */
+ getUserUid:
+ (
+ ): string =>
+ {
+ const localStore: User_Setting = methods.parseLocalStorage();
+ return localStore?.user?.firebase_user_data?.uid;
}
}
diff --git a/src/lib/types/types.scores.ts b/src/lib/types/types.scores.ts
index ce9022bf1..4f662261b 100644
--- a/src/lib/types/types.scores.ts
+++ b/src/lib/types/types.scores.ts
@@ -104,7 +104,9 @@ export interface Platform_Session
/**
* session data on the LivescoreNow Show/Hide Fixture NUmber
*/
- fixturesTodayNum: number
+ fixturesTodayNum: number,
+ /** TODO: DOC: */
+ deviceType: 'mobile' | 'tablet' | 'desktop'
/**
* session data on users current date
* IMPORTANT
@@ -147,6 +149,9 @@ export interface Platform_Session
*/
navBtnHover: string;
+ // TODO: DOC:
+ withdrawModal: boolean,
+
// -----
// NOTE: SPORTBOOK DATA;
// -----
diff --git a/src/lib/utils/dates.ts b/src/lib/utils/dates.ts
index 0bd6bcafb..b10d9c925 100644
--- a/src/lib/utils/dates.ts
+++ b/src/lib/utils/dates.ts
@@ -1,3 +1,5 @@
+import { dlog } from "./debug.js";
+
export const MONTH_NAMES_ABBRV: string[] =
[
'Jan',
@@ -115,12 +117,21 @@ export function clientTimezoneDate
): Date
{
const date = new Date();
- // [STASH]
+
+ // ### [STASH] [1]
// const timeOffsetInHours = -(new Date()).getTimezoneOffset()/60
// date.setHours(date.getHours() + timeOffsetInHours)
- // [STASH] [2]
+
+ // ### [STASH] [2]
// date.setTime( date.getTime() - new Date().getTimezoneOffset()*60*1000 );
- console.log('Client Date', date)
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ date ${date}`,
+ true
+ );
+
return date;
}
diff --git a/src/lib/utils/debug.ts b/src/lib/utils/debug.ts
index e70b1baa4..ba795dac1 100644
--- a/src/lib/utils/debug.ts
+++ b/src/lib/utils/debug.ts
@@ -46,13 +46,10 @@ const LOGS_SHOW_OVERRIDE: boolean =
type DEBUG = [string, boolean, string]
-// MAIN PAGE - DEBUG
-export const NB_W_TAG = 'navbar [DEBUG] |';
-export const NB_W_STY = 'background: purple; color: #FFFFFF';
-export const NB_W_TOG = false;
-export const FT_W_TAG = 'footer [DEBUG] |';
-export const FT_W_STY = 'background: blue; color: #FFFFFF';
-export const FT_W_TOG = false;
+// ### NOTE:
+// ### MAIN PAGE - DEBUG
+export const NB_W_TAG: DEBUG = ['Navbar |', false, 'background: purple; color: #FFFFFF; border-radius: 1.5px;'];
+export const FT_W_TAG: DEBUG = ['Footer |', false, 'background: blue; color: #FFFFFF; border-radius: 1.5px;'];
export const AU_W_TAG: DEBUG = ['Auth |', true, 'background: black; color: yellow; border-radius: 1.5px;'];
// HOME PAGE - DEBUG
@@ -143,25 +140,22 @@ export const PR_P_TOG = false;
/**
* @summary
- * ◆ HELPER
+ * 🔹 HELPER
* @description
- * ➨ debug logging function for displaying target
+ * 📌 debug logging function for displaying target.
* @param
- * {string | object} msg
+ * { string | object } msg - Target `message` to log in `console`.
* @param
- * {boolean} show
+ * { boolean } show - Wether to `show/hide` log message.
* @param
- * {string} style
+ * { string } style - Target `style` to apply to console.
* @returns
- * {void}
+ * void
*/
export function dlog
(
- /** debug messages to show */
msg: string | object,
- /** wether to show or not the debug log */
show?: boolean,
- /** css style applied to logs */
style?: string
): void
{
diff --git a/src/lib/utils/languages.ts b/src/lib/utils/languages.ts
index d98741b84..50b9b6c18 100644
--- a/src/lib/utils/languages.ts
+++ b/src/lib/utils/languages.ts
@@ -1,7 +1,12 @@
+/**
+ * @summary [HELPER]
+ * @param {string} str
+ * @returns
+ */
export function removeDiacritics
(
str: string
-): string
+): string
{
const defaultDiacriticsRemovalMap = [
{
@@ -316,27 +321,27 @@ export function removeDiacritics
* @description method for shortening
* common league names;
* @example "2021/2022" => "21/22"
- * @param {string} name
+ * @param {string} name
* @returns a string
*/
export function shortenSeasonName
(
name: string
-)
+): string
{
- const validation_0 =
+ const if_M_0 =
name.length < 5
|| name == '2024 Germany'
;
- if (validation_0) return name;
- if (!name.includes('2020'))
+ if (if_M_0) return name;
+ if (!name.includes('2020'))
{
name = name.replace(
/20/g,
''
);
}
- else
+ else
{
name = name.replace(
'2020',
diff --git a/src/lib/utils/platform-functions.ts b/src/lib/utils/platform-functions.ts
index 5f1a15f56..2691700b7 100644
--- a/src/lib/utils/platform-functions.ts
+++ b/src/lib/utils/platform-functions.ts
@@ -1,20 +1,36 @@
+// #region ➤ 📦 Package Imports
+
import { get } from "$lib/api/utils.js";
import { getUserLocation, getUserLocationFromIP } from "$lib/geo-js/init.js";
import sessionStore from "$lib/store/session.js";
import userBetarenaSettings from '$lib/store/user-settings.js';
-import { error, redirect } from "@sveltejs/kit";
-import { NB_W_TAG, NB_W_TOG, dlog, dlogv2 } from "./debug";
+import { error, redirect, type Page } from "@sveltejs/kit";
+import { NB_W_TAG, dlog, dlogv2 } from "./debug";
+import { dev } from "$app/environment";
+import { goto } from "$app/navigation";
import type { GeoJsResponse } from "$lib/types/types.geojs.js";
import type { B_SPT_D } from "@betarena/scores-lib/types/sportbook.js";
+import { ROUTE_ID_PROFILE } from "./user.js";
+
+// #endregion ➤ 📦 Package Imports
+
+// #region ➤ 🛠️ METHODS
+
/**
- * @description Simple function
- * to determine language (SSR) of platform
- * @param {string | undefined} page_route_id
- * @param {unknown | undefined} page_error
- * @param {string | undefined} page_params_lang
- * @returns string (language)
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 Determines language (SSR) of platform.
+ * @param
+ * { string | undefined } page_route_id - Target page `routeId`.
+ * @param
+ * { unknown | undefined } page_error - Target page `error` object.
+ * @param
+ * { string | undefined } page_params_lang - Target page `params` for `lang`.
+ * @returns
+ * A string of target language.
*/
export function platfrom_lang_ssr
(
@@ -23,84 +39,99 @@ export function platfrom_lang_ssr
page_params_lang?: string | undefined
): string
{
- dlogv2(
- NB_W_TAG,
+
+ // [🐞]
+ dlogv2
+ (
+ 'Platfrom-Functions',
[
- `page_route_id: ${page_route_id}`,
- `page_error: ${JSON.stringify(page_error, null, 2)}`,
- `page_params_lang: ${page_params_lang}`
- ],
- NB_W_TOG
- )
- // NOTE: default (EN)
- let server_side_language = 'en';
- // [ℹ] validation (#1)
- // [ℹ] errorPage
- const validation_1 =
+ `🔹 [var] page_route_id: ${page_route_id}`,
+ `🔹 [var] page_error: ${JSON.stringify(page_error, null, 2)}`,
+ `🔹 [var] page_params_lang: ${page_params_lang}`
+ ]
+ );
+
+ // ### NOTE:
+ // ### default to 'EN'.
+ let server_side_language: string = 'en';
+
+ // ### CHECK
+ // ### for cases of 'EN' default.
+ const if_M_0: boolean =
page_route_id == null
- && page_error;
- if (validation_1) return server_side_language;
- // [ℹ] validation (#2)
- // [ℹ] if [[lang=lang]] page
+ && page_error != null
+ ;
+ if (if_M_0) return server_side_language;
+
+ // ### CHECK
+ // ### for cases of [[lang=lang]] page.
server_side_language =
(page_route_id.includes('[[lang=lang]]') || page_route_id.includes('[lang=lang]'))
&& page_params_lang != undefined
? page_params_lang
: 'en'
;
- dlog(`${NB_W_TAG} server_side_language ➡️ ${server_side_language}`, NB_W_TOG)
+
+ // [🐞]
+ dlog
+ (
+ `Platfrom-Functions server_side_language ➡️ ${server_side_language}`
+ );
+
return server_side_language;
}
/**
+ * @summary
+ * 🔹 HELPER
* @description Simple function to return
* the TABLET and MOBILE viewport changes
* as a array/tuple of both states
- * @param {number} TABLET_VIEW
- * @param {number}MOBILE_VIEW
- * @returns boolean (true/false)
+ * @param
+ * { number } TABLET_VIEW_INIT - Target viewport/width at
+ * which `tablet` is expected to start.
+ * @param
+ * { number } MOBILE_VIEW_INIT - Target viewport/width at
+ * which `mobile` is expected to start.
+ * @param
+ * { number } OTHER_VIEW - Custom target viewport/width.
+ * @returns
+ * An array of boolean's (true/false)
*/
export function viewport_change
(
- TABLET_VIEW: number,
- MOBILE_VIEW: number,
+ TABLET_VIEW_INIT: number,
+ MOBILE_VIEW_INIT: number,
OTHER_VIEW?: number
-)
+): boolean[]
{
- const width = document.documentElement.clientWidth;
- const tabletExclusive =
- width >= TABLET_VIEW
- ? false
- : true
- ;
- const mobileExclusive =
- width <= MOBILE_VIEW
- ? true
- : false
- ;
- const otherExclusive =
- width <= OTHER_VIEW
- ? true
- : false
- ;
+ const width: number = document.documentElement.clientWidth;
+
+ const isTabletView: boolean = width <= TABLET_VIEW_INIT;
+ const isMobileView: boolean = width <= MOBILE_VIEW_INIT;
+ const isOtherView: boolean = width <= OTHER_VIEW;
+
return [
- tabletExclusive,
- mobileExclusive,
- otherExclusive
+ isTabletView,
+ isMobileView,
+ isOtherView
];
}
/**
- * @summary [HELPER]
- * @description simple method to "pause"
- * JavaScript execution for X milliseconds;
- * @param {number} ms
- * @returns void
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 "pause" JavaScript execution for X milliseconds.
+ * @param
+ * { number } ms - Number of Milliseconds.
+ * @returns
+ * void
*/
export async function sleep
(
ms: number
-)
+): Promise < void >
{
new Promise
(
@@ -115,10 +146,20 @@ export async function sleep
);
}
+/**
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * TODO: DOC:
+ * @param
+ * { string } action
+ * @returns
+ * void
+ */
export function googleEventLog
(
action: string
-)
+): void
{
if (action === 'fixture_football_fixtures_probabilities')
@@ -215,10 +256,12 @@ export function googleEventLog
}
/**
- * @summary [MAIN]
- * @description gets and sets user target geo-country
- * location using geoJs;
- * @returns NaN
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 gets and sets user target Geo. Country location using GeoJs.
+ * @returns
+ * void
*/
export async function setUserGeoLocation
(
@@ -226,23 +269,23 @@ export async function setUserGeoLocation
): Promise < void >
{
- const if_0 =
+ const if_M_0: boolean =
userBetarenaSettings.getCountryBookmaker() !== undefined
;
- if (if_0) return;
+ if (if_M_0) return;
let geoRes: GeoJsResponse = await getUserLocation();
- let userGeo =
+ let userGeo: string =
geoRes?.country_code === undefined
? null
: geoRes.country_code.toLowerCase()
;
- const if_1 =
+ const if_M_1: boolean =
userGeo == null
;
- if (if_1)
+ if (if_M_1)
{
geoRes = await getUserLocationFromIP
(
@@ -256,7 +299,9 @@ export async function setUserGeoLocation
geoRes
);
- // [V] check for existance of GEO in available translations/country list;
+ // ### CHECK
+ // ### for existance of GEO available from
+ // ### translations/country list.
const data_0 = HEADER_TRANSLATION_DATA?.scores_header_translations?.bookmakers_countries
?.find
(
@@ -278,29 +323,34 @@ export async function setUserGeoLocation
userGeo.toLocaleLowerCase()
);
+ return;
}
/**
- * @summary [HELPER] method
- * @description validates for number of
- * null || undefined data points in target
- * data Array[];
+ * @summary
+ * 🔹 HELPER / 🐞 DEBUG
+ * @description
+ * 📌 validates number of `null | undefined` data points in target
+ * data Array[].
* @example [[object Object], [object Object], undefined] => null:
- * @param {unknown[]} data
- * @returns NaN
+ * @param
+ * { unknown[] } data
+ * @returns
+ * NaN
*/
export function PRELOAD_invalid_data
(
data: unknown[],
urls: string[]
-)
+): void
{
- try {
+ try
+ {
const indexesOf: (arr: any[], item: unknown) => number[] =
- (
- arr: any[],
- item: unknown
- ) =>
+ (
+ arr: any[],
+ item: unknown
+ ) =>
arr.reduce
(
(
@@ -317,26 +367,34 @@ export function PRELOAD_invalid_data
)
;
- const nullList = indexesOf
+ const nullList: number[] = indexesOf
(
data,
null
);
if (nullList?.length == 0)
+ {
+ // [🐞]
dlog
(
- '🟩 Preload Successfull!',
+ `🚏 checkpoint ➤ PRELOAD_invalid_data 🟩`,
true
);
- ;
+ };
+
+ // ### CHECK
+ // ### for `null` data fetched.
if (nullList?.length > 0)
+ {
+ // [🐞]
dlog
(
- `🟥 Preload has null (position): ${nullList}`,
+ `🚏 checkpoint ➤ PRELOAD_invalid_data 🟥 (position): ${nullList}`,
true
);
- // list URLs responsible for NULL data points;
+ // ### NOTE:
+ // ### list URLs responsible for `null` data points.
for (const i of nullList)
{
console.log
@@ -344,7 +402,7 @@ export function PRELOAD_invalid_data
`\t🚩 ${urls[i]}`
);
}
- ;
+ };
return;
}
@@ -359,27 +417,30 @@ export function PRELOAD_invalid_data
}
/**
+ * @summary
+ * 🔹 HELPER
* @description
- * TODO: DOC:
- * @param t0
- * @param page_tag
- * @param exit_code
- * @param exit_reason
+ * 📌 Handle of `load` for `.server.ts/.ts` files `exit`.
+ * @param
+ * { number } t0 - **[required]** timer for 'debug'.
+ * @param
+ * { stirng } page_tag - **[required]** Target page tag name to 'exit'.
+ * @param
+ * { number } exit_code - **[required]** Target page exit code to 'exit'.
+ * @param
+ * { string } exit_reason - [optional] Message for reason on page 'exit'/'error'
*/
export function PRELOAD_exitPage
(
- /** **[required] timer for 'debug' */
t0: number,
- /** **[required] Target page tag name to 'exit' */
page_tag: string,
- /** **[required] Target page exit code to 'exit' */
exit_code: number,
- /** [optional] Message for reason on page 'exit'/'error' */
exit_reason?: string
): void
{
// [🐞]
const t1: number = performance.now();
+
// [🐞]
dlog
(
@@ -395,13 +456,15 @@ export function PRELOAD_exitPage
}
/**
+ * @summary
+ * 🔹 HELPER
* @description
- * TODO: DOC:
- * @param redirect_url
+ * 📌 Handle of `load` for `.server.ts/.ts` files `redirect`.
+ * @param
+ * { string } redirect_url - **[required]** Target redirect url 'to'
*/
export function PRELOAD_redirectPage
(
- /** **[required] Target redirect url 'to' */
redirect_url: string
): void
{
@@ -413,34 +476,57 @@ export function PRELOAD_redirectPage
}
/**
- * @summary [HELPER] method
- * @description gethers data from target
- * url list, and returns;
- * @param {string[]} endpoints
- * @param {fetch} fetch
- * @returns Promise
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 `fetch` data from target list of `urls`, and returns results.
+ * @param
+ * { string[] } endpoints - List of target urls to fetch.
+ * @param
+ * { fetch } fetch - Target `fetch` object to use.
+ * @returns
+ * A listof type `Promise`.
*/
export async function promiseUrlsPreload
(
endpoints: string[],
fetch: any
-)
+): Promise < any[] >
{
- const promises = endpoints.map((_url) =>
- fetch(_url).then((response) =>
+
+ const promises: any[] = endpoints
+ ?.map
+ (
+ (
+ _url
+ ) =>
+ fetch(_url)
+ .then
+ (
+ (
+ response
+ ) =>
response.json()
)
);
- const data = await Promise.all(promises);
+
+ const data: any[] = await Promise.all(promises);
+
+ // [🐞]
+ PRELOAD_invalid_data
+ (
+ data,
+ endpoints
+ );
+
return data;
}
/**
- * @summary [HELPER] method
- * @description validates the target
- * url properties for its validity in
- * the +page.ts/+page.server.ts (preload);
- * IMPORTANT used by PRE-LOAD ONLY;
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 checks for target `url` to be a `valid` or not.
* @param {fetch} fetch
* @param {string} langUrl
* @param {string} sportUrl
@@ -448,7 +534,8 @@ export async function promiseUrlsPreload
* @param {string} leagueUrl
* @param {string} fixtureUrl
* @param {string} playerUrl
- * @returns NaN
+ * @returns
+ * A `boolean`.
*/
export async function promiseValidUrlCheck
(
@@ -461,6 +548,7 @@ export async function promiseValidUrlCheck
playerUrl: string = null
): Promise < boolean >
{
+
const validation_0 =
// lang
(langUrl && !sportUrl && !countryUrl && !leagueUrl && !fixtureUrl && !playerUrl)
@@ -476,19 +564,36 @@ export async function promiseValidUrlCheck
|| (langUrl && !sportUrl && !countryUrl && !leagueUrl && !fixtureUrl && playerUrl)
;
- console.log('validation_0', validation_0)
+ // [🐞]
+ dlog
+ (
+ `🚏 checkpoint ➤ promiseValidUrlCheck`,
+ true
+ );
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ validation_0 ${validation_0}`,
+ true
+ );
if (!validation_0) return false;
- let queryStr = "";
- if (langUrl) queryStr += `?langUrl=${langUrl}`
- if (sportUrl) queryStr += `&sportUrl=${sportUrl}`
- if (countryUrl) queryStr += `&countryUrl=${countryUrl}`
- if (leagueUrl) queryStr += `&leagueUrl=${leagueUrl}`
- if (fixtureUrl) queryStr += `&fixtureUrl=${fixtureUrl}`
- if (playerUrl) queryStr += `&playerUrl=${playerUrl}`
+ let queryStr: string = "";
+ if (langUrl) queryStr += `?langUrl=${langUrl}`;
+ if (sportUrl) queryStr += `&sportUrl=${sportUrl}`;
+ if (countryUrl) queryStr += `&countryUrl=${countryUrl}`;
+ if (leagueUrl) queryStr += `&leagueUrl=${leagueUrl}`;
+ if (fixtureUrl) queryStr += `&fixtureUrl=${fixtureUrl}`;
+ if (playerUrl) queryStr += `&playerUrl=${playerUrl}`;
- console.log('queryStr', queryStr)
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ queryStr ${queryStr}`,
+ true
+ );
const response = await fetch
(
@@ -504,14 +609,18 @@ export async function promiseValidUrlCheck
}
/**
- * @description obtains the target sportbook data
- * information based on users geo-location;
- * data gathered at page-level and set to svelte-stores
- * to be used by (this) page components;
+ * @summary
+ * 🔹 HELPER
+ * @description
+ * 📌 `fetch` target sportbook data,
+ * based on `client` geo-location.
+ *
+ * ⚡️ Data gathered at page-level and set to svelte-stores.
+ *
* NOTE: (*) best approach
- * TODO: can be moved to a layout-level [?]
- * TODO: can be moved to a header-level [?]
- * TODO: can be moved to a +server-level [⚠️]
+ * TODO: (alt) can be moved to a layout-level [?]
+ * TODO: (alt) can be moved to a header-level [?]
+ * TODO: (alt) can be moved to a +server-level [⚠️]
* @returns {Promise} void
*/
export async function initSportbookData
@@ -538,4 +647,306 @@ export async function initSportbookData
(
dataRes1
);
-}
\ No newline at end of file
+}
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+export function cssVarChange
+(
+): void
+{
+ let value = 'false';
+
+ setInterval
+ (
+ () =>
+ {
+ const currentValue = getComputedStyle(document.documentElement).getPropertyValue('--header-is-mobile');
+
+ // console.log(`🔹 [var] --header-is-mobile: ${currentValue}`)
+ // console.log(`🔹 [var] value: ${value}`)
+
+ if (currentValue != value)
+ {
+ // ### NOTE:
+ // ### The css-variable has changed
+ value = currentValue;
+ console.log('🔥 Header Is now Mobile!');
+ }
+
+ // console.log('📌 Checking')
+ },
+ 500
+ );
+}
+
+/**
+ * @description
+ * TODO: DOC:
+ *
+ * @param
+ * { number } d_places - Target number of decimal places.
+ *
+ * @returns
+ */
+export function toDecimalFix
+(
+ value: number,
+ d_places: number = 2
+): string
+{
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ value ${value}`,
+ true
+ );
+
+ if (value == null) return;
+
+ return parseFloat(value.toString()).toFixed(d_places);
+}
+
+/**
+ * @description
+ * TODO: DOC:
+ *
+ * @param
+ * { string } value - Target string balace for trimming
+ *
+ * @returns
+ */
+export function spliceBalanceDoubleZero
+(
+ value: string
+): string
+{
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ value ${value}`,
+ true
+ );
+
+ if (value == null) return;
+
+ if (value.includes('.00'))
+ return value?.split('.')?.[0]
+ ;
+
+ return value;
+}
+
+/**
+ * @summary
+ * 📌 MAIN | IMPORTANT
+ *
+ * @description
+ * 📌 Updates `user` language platform selection.
+ *
+ * ⚡️ Manages platform main navigation,
+ * for some of the section routes.
+ *
+ * @param
+ * { string } lang - Target new `selected` language.
+ */
+export async function selectLanguage
+(
+ lang: string,
+ page: Page, string>
+): Promise < void >
+{
+
+ if (sessionStore?.getServerLang() == lang) return;
+
+ // ➫ NOTE:
+ // ➫ Past/previous lang option.
+ const pastLang: string =
+ sessionStore?.getServerLang() == 'en'
+ ? '/'
+ : `/${sessionStore?.getServerLang()}`
+ ;
+
+ userBetarenaSettings.setLang
+ (
+ lang
+ );
+
+ // [🐞]
+ dlogv2
+ (
+ `${NB_W_TAG} selectLanguage()`,
+ [
+ `$userBetarenaSettings.lang: ${userBetarenaSettings.getUserLang()}`,
+ `$sessionStore?.serverLang: ${sessionStore?.getServerLang()}`,
+ `lang: ${lang}`,
+ `pastLang: ${pastLang}`,
+ `$page.route.id: ${page.route.id}`
+ ],
+ true
+ );
+
+ // TODO:
+ // isLangDropdown = false;
+
+ // ➫ NOTE:
+ // ➫ Update in DOCTYPE.
+ let tempLang: string = lang;
+ if (lang === 'br') tempLang = 'pt-BR';
+ document.documentElement.setAttribute
+ (
+ 'lang',
+ tempLang
+ );
+
+ // ➫ CHECK
+ // ➫ on error', navigate back to homepage;
+ const if_M_0: boolean =
+ page.error
+ && !dev
+ ;
+ if (if_M_0)
+ {
+ const targetUrl: string =
+ lang == 'en'
+ ? `/`
+ : `/${lang}`
+ ;
+
+ // [🐞]
+ dlog
+ (
+ `${NB_W_TAG} -> ${lang}`,
+ true,
+ );
+
+ await goto
+ (
+ targetUrl
+ );
+
+ return;
+ }
+
+ // ➫ CHECK
+ // ➫ Omit 'special' routes cases, as these routes
+ // ➫ manage their own navigation/translation switch.
+ const if_M_1: boolean =
+ [
+ '/[[lang=lang]]/[sport]/[country]/[league_name]',
+ '/[[lang=lang]]/[sport]/[fixture=fixture]',
+ '/[[lang=lang]]/[player=player]/[...player_fill]'
+ ]
+ .includes(page.route.id)
+ ;
+ if (if_M_1)
+ {
+ // [🐞]
+ dlog
+ (
+ `${NB_W_TAG} omitting route: ${page.route.id}`,
+ true
+ );
+ return;
+ }
+
+ // ➫ CHECK
+ // ➫ On profile page route, handle.
+ else if (ROUTE_ID_PROFILE == page.route.id)
+ {
+
+ const pastLangV2: string =
+ pastLang == `/`
+ ? `/en`
+ : pastLang
+ ;
+
+ let tempUrl: string = `${page.url.pathname}/`;
+
+ const newURL: string = tempUrl
+ ?.replace
+ (
+ `${pastLangV2}/`,
+ `/${lang}`
+ );
+
+ // [🐞]
+ dlog
+ (
+ `${NB_W_TAG} inside (PROFILE) ${lang},
+ pastLangV2: ${pastLangV2}; tempUrl: ${tempUrl}; newURL: ${newURL}`,
+ true
+ );
+
+ await goto
+ (
+ newURL,
+ {
+ replaceState: true
+ }
+ );
+
+ }
+
+ // ➫ NOTE:
+ // ➫ Otherwise, continue navigation switch.
+ // ➫ NOTE:
+
+ // ➫ CHECK
+ // ➫ for 'EN' naviagtion.
+ else if (lang == 'en' && pastLang != '/')
+ {
+
+ // prefetch(`/`); [? - maybe ?] // NOTE:
+
+ // [ℹ] count number of slashes URL;
+ var count = page.url.pathname.split('/').length - 1;
+ // [ℹ] replace path-name accordingly for "EN" - first occurance;
+ const newURL: string =
+ count == 1
+ ? page.url.pathname.replace(pastLang, '/')
+ : page.url.pathname.replace(pastLang, '')
+ ;
+ dlog(`${NB_W_TAG} inside (EN) ${lang}, pastLang: ${pastLang}, countSlash: ${countSlash}, newURL: ${newURL}`, true)
+
+ // [ℹ] update URL breadcrumb;
+ // window.history.replaceState({}, "NewPage", newURL);
+ await goto(newURL, { replaceState: true });
+ }
+ // ➫ CHECK
+ // ➫ for 'incoming (past)' from an 'EN (/)' route.
+ else if (lang != 'en' && pastLang == '/')
+ {
+ // [ℹ] count number of slashes URL;
+ var countSlash = page.url.pathname.split('/').length - 1;
+ // [ℹ] replace path-name accordingly for "" - first occurance;
+ const newURL: string =
+ countSlash > 1
+ ? page.url.pathname.replace(pastLang, `/${lang}/`)
+ : page.url.pathname.replace(pastLang, `/${lang}`)
+ ;
+ dlog(`${NB_W_TAG} inside (V2) ${lang}, pastLang: ${pastLang}, countSlash: ${countSlash}, newURL: ${newURL}`, true)
+
+ // [ℹ] update URL breadcrumb;
+ // window.history.replaceState({}, "NewPage", newURL);
+ await goto(newURL, { replaceState: true });
+ }
+ // ➫ CHECK
+ // ➫ for 'incoming (past)' from an 'non-EN (/)' route.
+ else if (lang != 'en' && pastLang != '/')
+ {
+ // [ℹ] count number of slashes URL;
+ var countSlash = page.url.pathname.split('/').length - 1;
+ // [ℹ] replace path-name accordingly for "" - first occurance;
+ const newURL: string = page.url.pathname.replace(pastLang, `/${lang}`);
+ dlog(`${NB_W_TAG} inside (V3) ${lang}, pastLang: ${pastLang}, countSlash: ${countSlash}, newURL: ${newURL}`, true)
+
+ // [ℹ] update URL breadcrumb;
+ // window.history.replaceState({}, "NewPage", newURL);
+ await goto(newURL, { replaceState: true });
+ }
+}
+
+// #endregion ➤ 🛠️ METHODS
\ No newline at end of file
diff --git a/src/lib/utils/translation.ts b/src/lib/utils/translation.ts
index 244a7bbac..f6aab25d1 100644
--- a/src/lib/utils/translation.ts
+++ b/src/lib/utils/translation.ts
@@ -10,12 +10,22 @@
*/
export const translationObject:
{
+ featured_match_title: string,
+ featured_bet_site: string,
+ league_list_title: string,
+ leagues_table_title: string,
+ seo_block_title: string,
sign_in: string;
odds_type: string;
bookmakers: string;
balance: string;
} =
{
+ featured_match_title: 'Featured Match',
+ featured_bet_site: 'Featured Betting Site',
+ league_list_title: 'League List',
+ leagues_table_title: 'Leagues Table',
+ seo_block_title: 'Seo Block',
sign_in: 'Sign In',
odds_type: 'Odds Type',
bookmakers: 'Bookmakers',
diff --git a/src/lib/utils/user.ts b/src/lib/utils/user.ts
index 6e8438b71..d10a21eb6 100644
--- a/src/lib/utils/user.ts
+++ b/src/lib/utils/user.ts
@@ -1,5 +1,5 @@
import { goto } from "$app/navigation";
-import { userBalanceListen } from "$lib/firebase/common.js";
+import { userBalanceListen, userDataFetch } from "$lib/firebase/common.js";
import { delCookie, setCookie } from "$lib/store/cookie.js";
import userBetarenaSettings from '$lib/store/user-settings.js';
@@ -32,6 +32,11 @@ export function initUser
30
);
+ userDataFetch
+ (
+ uid
+ );
+
userBalanceListen
(
uid
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 000000000..088dcfd18
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,276 @@
+// #region ➤ 📦 Package Imports
+
+import { ERROR_CODE_PRELOAD, LAYOUT_1_LANG_PAGE_ERROR_MSG, dlog } from '$lib/utils/debug';
+import { PRELOAD_exitPage, promiseUrlsPreload } from '$lib/utils/platform-functions.js';
+import DeviceDetector from "device-detector-js";
+import parser from 'ua-parser-js';
+
+import type { B_FOT_T } from '@betarena/scores-lib/types/footer.js';
+import type { B_NAV_T } from '@betarena/scores-lib/types/navbar.js';
+import type { ServerLoadEvent } from '@sveltejs/kit';
+import type { LayoutServerLoad } from './$types.js';
+
+// #endregion ➤ 📦 Package Imports
+
+// #region ➤ 🔄 LIFECYCLE [SVELTE]
+
+export async function load
+(
+ event: ServerLoadEvent
+): Promise < LayoutServerLoad >
+{
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ request.headers.get('user-agent') ${JSON.stringify([...event.request.headers.entries()], null, 4)}`,
+ false
+ );
+
+ // ### [🐞]
+ const t0: number = performance.now();
+
+ const
+ {
+ // url,
+ fetch,
+ params,
+ request,
+ setHeaders,
+ // route
+ } = event;
+
+ // ### NOTE: TEST
+ // ### testing to identify USERS IP, from within load
+ // ### only works with deployment using '.js'
+ /*
+
+ try
+ {
+ // ### NOTE:
+ // ### V1 | ❌ does not appear to work, breaks platform.
+ // const response_IP = await fetch(`/getClientIP`, {
+ // const response_IP_3 = await fetch(`https://betarena-scores-platform.herokuapp.com/getClientIP`, {
+ // console.log("🔵 response_IP: ", response_IP);
+
+ // ### NOTE:
+ // ### V2 | ✅ works [?] but incorrect IP.
+ // console.log("🔵🔵🔵 event: ", event);
+ // console.log("🔵🔵🔵 event.getClientAddress(): ", event?.getClientAddress());
+
+ // ### NOTE:
+ // ### V3 | ❓ works [?] but incorrect IP
+ // const response_IP_3 = await get(`/getClientIP`)
+ // console.log("🔵🔵🔵 response_IP_3: ", response_IP_3);
+ }
+ catch (error)
+ {
+ console.log(`🔴 ${error}`)
+ }
+
+ try
+ {
+ // ### NOTE:
+ // ### V3 | ✅ works [?] only on when calling directly URL, not from .server.ts
+ // ### works when using the non +layout.ts/+page.ts file
+ // const response_IP_2 = await get(`https://betarena-scores-platform.herokuapp.com/getClientIP`)
+ // OR:
+ // const response_IP_2 = await fetch(`http://betarena-scores-platform.herokuapp.com/getClientIP`, {
+ // method: 'GET',
+ // }
+ // ).then((r) => r.json())
+ // .catch((error) => { console.log(error) });
+ // console.log("🔵🔵🔵 response_IP_2: ", response_IP_2);
+ }
+ catch (error)
+ {
+ console.log(`🔴 ${error}`)
+ }
+
+ */
+
+ // ### NOTE: TEST
+ // ### identify 'user-agent' object data, for device type.
+ const deviceType: string = detectDeviceWithUA
+ (
+ request?.headers?.get('user-agent') ?? ''
+ );
+
+ const _langUrl: string =
+ [undefined, 'en'].includes(params?.lang)
+ // ### FIXME:
+ // ### interferes with [player=player] routeId.
+ // || (!response_valid_url && route?.id != '/u/[view]/[lang=lang]')
+ // || (route?.id != '/u/[view]/[lang=lang]')
+ ? 'en'
+ : params.lang
+ ;
+
+ const
+ [
+ HEADER_TRANSLATION_DATA,
+ FOOTER_TRANSLATION_DATA
+ ] = await fetchData
+ (
+ fetch,
+ _langUrl
+ );
+
+ // ### IMPORTANT
+ // ### exit condition.
+ const if_M_0: boolean =
+ HEADER_TRANSLATION_DATA == undefined
+ || FOOTER_TRANSLATION_DATA == undefined
+ ;
+ if (if_M_0)
+ {
+ PRELOAD_exitPage
+ (
+ t0,
+ `[LAYOUT]`,
+ ERROR_CODE_PRELOAD,
+ LAYOUT_1_LANG_PAGE_ERROR_MSG
+ );
+ }
+
+ // ### [🐞]
+ const t1: number = performance.now();
+
+ // ### [🐞]
+ dlog
+ (
+ `⏳ [LAYOUT] preload ${((t1 - t0) / 1000).toFixed(2)} sec`,
+ true
+ );
+
+ // ### NOTE:
+ // ### commented out due to interferences
+ // ### with error logs and code-traces.
+ setHeaders
+ (
+ {
+ 'cache-control': 'public, max-age=3600'
+ }
+ );
+
+ return {
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-expect-error
+ // ### NOTE: FIXME:
+ // ### issues with setting correct types.
+ HEADER_TRANSLATION_DATA,
+ FOOTER_TRANSLATION_DATA,
+ deviceType
+ };
+
+}
+
+// #endregion ➤ 🔄 LIFECYCLE [SVELTE]
+
+// #region ➤ 🛠️ METHODS
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+type PP_PROMISE_0 =
+[
+ B_NAV_T | undefined,
+ B_FOT_T | undefined,
+];
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+async function fetchData
+(
+ fetch: any,
+ _lang: string
+): Promise < PP_PROMISE_0 >
+{
+
+ // [🐞]
+ dlog
+ (
+ `🚏 checkpoint ➤ src/routes/+layout.ts fecthData`
+ );
+
+ const urls_0: string[] =
+ [
+ `/api/data/main/navbar?lang=${_lang}`,
+ `/api/data/main/footer?lang=${_lang}`
+ ];
+
+ const data_0: PP_PROMISE_0 = await promiseUrlsPreload
+ (
+ urls_0,
+ fetch
+ ) as PP_PROMISE_0;
+
+ return data_0;
+}
+
+/**
+ * @summary
+ * 🔹 HELPER
+ *
+ * @description
+ * TODO: DOC:
+ *
+ * @see
+ * https://discord.com/channels/457912077277855764/1067871458233159750
+ * @see
+ * https://discord.com/channels/457912077277855764/1067529519294070885/1067827869004341319
+ *
+ * @param
+ * { string } userAgent - Target `user-agent` string.
+ */
+function detectDeviceWithUA
+(
+ userAgent: string
+): string
+{
+
+ let deviceType: string = 'mobile';
+
+ // ### NOTE:
+ // ### using 'ua-parser-js' module.
+ const parsedUA: parser.IResult = parser(userAgent);
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ parsedUA ${JSON.stringify(parsedUA, null, 4)}`,
+ false
+ );
+
+ deviceType = parsedUA?.device?.type ?? 'mobile';
+
+ // ### NOTE:
+ // ### using 'device-detector-js' module.
+ const parsedUA_2: DeviceDetector.DeviceDetectorResult = new DeviceDetector().parse
+ (
+ userAgent
+ );
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ parsedUA_2 ${JSON.stringify(parsedUA_2, null, 4)}`,
+ false
+ );
+
+ deviceType = parsedUA_2?.device?.type ?? 'mobile';
+
+ // [🐞]
+ dlog
+ (
+ `🔹 [var] ➤ deviceType ${deviceType}`,
+ true
+ );
+
+ return deviceType;
+}
+
+// #endregion ➤ 🛠️ METHODS
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b4238c3fb..6e6e056fc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,10 +1,12 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
+
{#if offlineMode}
-
+
+
+
+
+
+
+
{/if}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+### COMPONENT STYLE
+### NOTE:
+### auto-fill/auto-complete iniside
+
\ No newline at end of file
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
deleted file mode 100644
index e70a6ba86..000000000
--- a/src/routes/+layout.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { ERROR_CODE_PRELOAD, LAYOUT_1_LANG_PAGE_ERROR_MSG, dlog } from '$lib/utils/debug';
-import { PRELOAD_invalid_data } from '$lib/utils/platform-functions.js';
-import { error } from '@sveltejs/kit';
-
-import type { LayoutLoad, PageLoadEvent } from './$types';
-
-/** @type {import('./$types').LayoutLoad} */
-export async function load
-(
- event: PageLoadEvent
-): Promise < LayoutLoad >
-{
-
- const t0 = performance.now();
-
- const {
- // url,
- fetch,
- params,
- // setHeaders,
- // route
- } = event
-
- // ==================
- // NOTE: TEST
- // [ℹ] Attempt to Identify the USERS IP from "load()"
- // [ℹ] only works with deployment using '.js'
- // ==================
-
- /*
-
- try {
- // [ℹ] V1 | ❌ does not appear to work - breaks platform
- // const response_IP = await fetch(`/getClientIP`, {
- // const response_IP_3 = await fetch(`https://betarena-scores-platform.herokuapp.com/getClientIP`, {
- // console.log("🔵🔵🔵 response_IP: ", response_IP);
- // [ℹ] V2 | ✅ works [?] but incorrect IP
- // console.log("🔵🔵🔵 event: ", event);
- // console.log("🔵🔵🔵 event.getClientAddress(): ", event?.getClientAddress());
- // [ℹ] V3 | ❓ works [?] but incorrect IP
- // const response_IP_3 = await get(`/getClientIP`)
- // console.log("🔵🔵🔵 response_IP_3: ", response_IP_3);
- } catch (error) {
- console.log(`🔴 ${error}`)
- }
-
- try {
- // [ℹ] V3 | ✅ works [?] only on when calling directly URL, not from .server.ts
- // NOTE: works when using the non +layout.ts/+page.ts file
- // const response_IP_2 = await get(`https://betarena-scores-platform.herokuapp.com/getClientIP`)
- // OR:
- // const response_IP_2 = await fetch(`http://betarena-scores-platform.herokuapp.com/getClientIP`, {
- // method: 'GET',
- // }
- // ).then((r) => r.json())
- // .catch((error) => { console.log(error) });
- // console.log("🔵🔵🔵 response_IP_2: ", response_IP_2);
- } catch (error) {
- console.log(`🔴 ${error}`)
- }
-
- */
-
- // --------------
- // [ℹ] preload data [1] DOC: REF: [2]
- // --------------
-
- // const response_valid_url = await fetch(
- // `/api/cache/_main_/pages_and_seo?url=${url.pathname}`,
- // {
- // method: 'GET'
- // }
- // ).then((r) => r.json());
-
- const urlLang: string =
- params.lang == undefined
- // FIXME: interferes with [player=player] route;
- // || (!response_valid_url && route?.id != '/u/[view]/[lang=lang]')
- // || (route?.id != '/u/[view]/[lang=lang]')
- ? 'en'
- : params.lang;
-
- // console.log('🔴 (+layout.ts) urlLang', urlLang)
-
- // --------------
- // [ℹ] preload data [2] DOC: REF: [2]
- // --------------
-
- const urls = [
- `/api/data/main/navbar?lang=${urlLang}`,
- `/api/data/main/footer?lang=${urlLang}`
- ];
-
- const promises = urls.map((url) =>
- fetch(url).then((response) => response.json())
- );
-
- const data = await Promise.all(promises);
-
- const [
- HEADER_TRANSLATION_DATA,
- FOOTER_TRANSLATION_DATA
- ] = data;
-
- // --------------
- // [ℹ] return(s)
- // --------------
-
- const INVALID_PAGE_DATA_POINTS: boolean =
- data.includes(undefined);
-
- // [ℹ] exit;
- if (INVALID_PAGE_DATA_POINTS) {
- throw error(
- ERROR_CODE_PRELOAD,
- LAYOUT_1_LANG_PAGE_ERROR_MSG
- );
- }
-
- PRELOAD_invalid_data
- (
- data,
- urls
- )
-
- const t1 = performance.now();
- dlog(`⏳ [LAYOUT] preload ${((t1 - t0) / 1000).toFixed(2)} sec`, true)
-
- // NOTE: interferes with error indentification
- // thus, kept disabled;
- // setHeaders({
- // 'cache-control': 'public, max-age=3600'
- // });
-
- return {
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
- // @ts-expect-error
- // NOTE: issues with setting correct types,
- // NOTE: not being applied to return;
- // NOTE: not critical - can be silenced;
- HEADER_TRANSLATION_DATA,
- FOOTER_TRANSLATION_DATA
- };
-}
diff --git a/src/routes/[[lang=lang]]/+page.svelte b/src/routes/[[lang=lang]]/+page.svelte
index fea48971e..3123a5f5f 100644
--- a/src/routes/[[lang=lang]]/+page.svelte
+++ b/src/routes/[[lang=lang]]/+page.svelte
@@ -1,11 +1,25 @@
-
+
+
-
+
+
\ No newline at end of file
diff --git a/src/routes/[[lang=lang]]/+page.ts b/src/routes/[[lang=lang]]/+page.ts
index 60e966da0..21515285a 100644
--- a/src/routes/[[lang=lang]]/+page.ts
+++ b/src/routes/[[lang=lang]]/+page.ts
@@ -1,3 +1,5 @@
+// #region ➤ 📦 Package Imports
+
import { dlog, ERROR_CODE_INVALID, ERROR_CODE_PRELOAD, HOME_LANG_PAGE_ERROR_MSG, PAGE_INVALID_MSG } from '$lib/utils/debug';
import { PRELOAD_invalid_data, promiseUrlsPreload, promiseValidUrlCheck } from '$lib/utils/platform-functions.js';
import { error } from '@sveltejs/kit';
@@ -12,7 +14,13 @@ import type { B_SAP_HP_T } from '@betarena/scores-lib/types/seo-pages.js';
import type { B_TGOL_S, B_TGOL_T } from '@betarena/scores-lib/types/top-goalscorers.js';
import type { PageLoad } from './$types';
-/** @type {import('./$types').PageLoad} */
+// #endregion ➤ 📦 Package Imports
+
+// #region ➤ 🔄 LIFECYCLE [SVELTE]
+
+/**
+ * @type {import('./$types').PageLoad}
+ */
export async function load
(
{
@@ -23,7 +31,7 @@ export async function load
): Promise < PageLoad >
{
- const t0 = performance.now();
+ const t0: number = performance.now();
//#region [0] IMPORTANT EXTRACT URL DATA
@@ -37,7 +45,7 @@ export async function load
//#region [0] IMPORTANT VALID URL CHECK
- const validUrlCheck = await promiseValidUrlCheck
+ const validUrlCheck: boolean = await promiseValidUrlCheck
(
fetch,
urlLang
@@ -100,11 +108,11 @@ export async function load
PAGE_DATA_SEO,
B_FEATM_T,
B_FEATM_S,
- FEATURED_BETTING_SITES_WIDGET_DATA_SEO,
+ B_FEATB_T,
B_TGOL_T,
B_TGOL_S,
LEAGUE_LIST_WIDGET_DATA_SEO,
- LEAGUES_TABLE_SCORES_SEO_DATA,
+ B_LEGT_T,
SEO_BLOCK_DATA,
LIVESCORES_V2_T_DATA,
LIVESCORES_V2_SEO
@@ -149,11 +157,11 @@ export async function load
PAGE_DATA_SEO,
B_FEATM_T,
B_FEATM_S,
- FEATURED_BETTING_SITES_WIDGET_DATA_SEO,
+ B_FEATB_T,
B_TGOL_T,
B_TGOL_S,
LEAGUE_LIST_WIDGET_DATA_SEO,
- LEAGUES_TABLE_SCORES_SEO_DATA,
+ B_LEGT_T,
SEO_BLOCK_DATA,
LIVESCORES_V2_T_DATA,
LIVESCORES_V2_SEO
@@ -161,4 +169,6 @@ export async function load
//#endregion [3] IMPORTANT RETURN
-}
\ No newline at end of file
+}
+
+// #endregion ➤ 🔄 LIFECYCLE [SVELTE]
diff --git a/src/routes/api/data/profile/+server.ts b/src/routes/api/data/profile/+server.ts
index 49bc463cc..02cce9bc1 100644
--- a/src/routes/api/data/profile/+server.ts
+++ b/src/routes/api/data/profile/+server.ts
@@ -1,11 +1,14 @@
// #region ➤ 📦 Package Imports
-import dotenv from 'dotenv';
import { json } from '@sveltejs/kit';
+import dotenv from 'dotenv';
import { UPROF_UP_ENTRY_0, UPROF_UP_ENTRY_1 } from '@betarena/scores-lib/dist/functions/func.profile.js';
+import { PROFU_insertUserTx } from '@betarena/scores-lib/dist/graphql/query.profile.js';
+import type { B_H_TH } from '@betarena/scores-lib/types/_HASURA_.js';
import type { B_PROF_D, B_PROF_T } from '@betarena/scores-lib/types/profile.js';
+import type { RequestHandler } from './$types';
// #endregion ➤ 📦 Package Imports
@@ -29,51 +32,35 @@ export async function GET
try
{
- // NOTE: Handle url-query data;
+ // ◾️ NOTE:
+ // ◾️ Handle url-query data;
const lang: string = req?.url?.searchParams?.get('lang');
const uid: string = req?.url?.searchParams?.get('uid');
const hasura: string = req?.url?.searchParams?.get('hasura');
- // ACTION: Get Fixture Scoreboard (WIDGET) MAIN data;
- // NOTE: With [HASURA] Fallback;
+ // ◾️ NOTE:
+ // ◾️ [Fetch] Obtain target user UID profile critical data.
+ // ◾️ IMPORTANT
+ // ◾️ Should not be cache and/or have cache store.
const if_M_0: boolean =
uid != undefined
;
if (if_M_0)
{
- let data;
- let loadType = "cache";
-
- // NOTE: check CACHE;
- // if (!hasura)
- // {
- // data =
- // await get_target_hset_cache_data
- // (
- // RedisKeys.LIN_C_D_A,
- // fixture_id
- // )
- // ;
- // }
-
- // NOTE: (default) HASURA fallback;
- if (!data || hasura)
- {
- data = await fallbackMainData
- (
- uid
- )
- loadType = 'HASURA'
- }
+ const data = await fallbackMainData
+ (
+ uid
+ );
+ const loadType = 'HASURA';
console.log(`📌 loaded [FSCR] with: ${loadType}`)
if (data != undefined) return json(data);
}
- // ACTION:
- // ➨ Get Footer (WIDGET) MAIN data;
- // ➨ NOTE: Contains [HASURA] Fallback;
+ // ◾️ NOTE:
+ // ◾️ [Fetch] User Profile translations.
+ // ◾️ Contains [HASURA] Fallback;
const if_M_1: boolean =
lang != undefined
;
@@ -107,7 +94,8 @@ export async function GET
if (data != undefined) return json(data);
}
- // IMPORTANT Fallback to NULL
+ // ◾️ IMPORTANT
+ // ◾️ Fallback to NULL
return json
(
null
@@ -131,6 +119,44 @@ export async function GET
}
}
+export const POST =
+(
+ async (
+ {
+ request
+ }
+ ) =>
+ {
+ try
+ {
+ // ◾️ NOTE:
+ // ◾️ Handle url-query data;
+ const uid: string = request?.url?.searchParams?.get('uid');
+ const body: any = await request.json();
+ const jsonBody: B_H_TH = JSON.parse(JSON.stringify(body));
+
+ // [🐞]
+ console.debug
+ (
+ `🔹 [var] uid ${uid}`,
+ `🔹 [var] body ${JSON.stringify(body)}`,
+ );
+
+ const data: string[] = await PROFU_insertUserTx
+ (
+ jsonBody
+ );
+
+ return json(null);
+ }
+ catch (error)
+ {
+ //
+ }
+
+ }
+) satisfies RequestHandler;
+
// ~~~~~~~~~~~~~~~~~~~~~~~~
// [MAIN] METHOD
// ~~~~~~~~~~~~~~~~~~~~~~~~
diff --git a/src/routes/u/[view]/[lang=lang]/+page.server.ts b/src/routes/u/[view]/[lang=lang]/+page.server.ts
index 81aaea8e1..6d22147bf 100644
--- a/src/routes/u/[view]/[lang=lang]/+page.server.ts
+++ b/src/routes/u/[view]/[lang=lang]/+page.server.ts
@@ -1,15 +1,15 @@
// #region ➤ 📦 Package Imports
import { getCookie } from '$lib/store/cookie.js';
-import { PRELOAD_invalid_data, PRELOAD_redirectPage, promiseUrlsPreload } from '$lib/utils/platform-functions.js';
+import { PRELOAD_redirectPage, promiseUrlsPreload } from '$lib/utils/platform-functions.js';
import type { B_PROF_T } from '@betarena/scores-lib/types/profile.js';
-import type { PageServerLoadEvent } from './$types';
import type { B_SAP_D2 } from '@betarena/scores-lib/types/seo-pages.js';
+import type { PageServerLoadEvent } from './$types';
// #endregion ➤ 📦 Package Imports
-// #region ➤ 🛠️ METHODS
+// #region ➤ 🔄 LIFECYCLE [SVELTE]
/**
* @type {import('./$types').PageServerLoadEvent}
@@ -25,8 +25,6 @@ export async function load
params,
fetch
} = event;
- // [🐞]
- // console.debug(event)
const _langUrl: string =
[undefined, 'en'].includes(params?.lang)
@@ -34,18 +32,16 @@ export async function load
: params.lang
;
- // ### NOTE: CHECK
- // ### Check for required 'cookies',
- // ### on absent, exit (redirect) page.
- // ### NOTE: CHECK
+ // ### CHECK
+ // ### for required 'cookies',
+ // ### on absence, exit (via redirect) page.
+ // ### CHECK
const cookies: Record < string, string > = getCookie
(
event.request.headers.get('cookie') ?? ''
);
const loggedInCookie: string = cookies?.betarenaCookieLoggedIn;
- // [🐞]
- // console.log('🍪', cookies?.betarenaCookieLoggedIn)
const if_M_0: boolean =
loggedInCookie == undefined
@@ -80,6 +76,10 @@ export async function load
};
}
+// #endregion ➤ 🔄 LIFECYCLE [SVELTE]
+
+// #region ➤ 🛠️ METHODS
+
/**
* @description
* TODO: DOC:
@@ -113,13 +113,6 @@ async function fetchData
fetch
) as PP_PROMISE_0;
- // [🐞]
- PRELOAD_invalid_data
- (
- data_0,
- urls_0
- );
-
return data_0;
}
diff --git a/src/routes/u/[view]/[lang=lang]/+page.svelte b/src/routes/u/[view]/[lang=lang]/+page.svelte
index cfb977c4d..36e036504 100644
--- a/src/routes/u/[view]/[lang=lang]/+page.svelte
+++ b/src/routes/u/[view]/[lang=lang]/+page.svelte
@@ -17,7 +17,8 @@ COMPONENT JS (w/ TS)
import UserMenu from '$lib/components/page/profile/Widget-MenuOpt.svelte';
import WidgetDeposit from '$lib/components/page/profile/deposit/Widget-Deposit.svelte';
import WidgetTxHist from '$lib/components/page/profile/tx-history/Widget-Tx-Hist.svelte';
-
+ import WidgetWithdraw from '$lib/components/page/profile/withdraw/Widget-Withdraw.svelte';
+
import type { PageData } from '../$types';
// #endregion ➤ 📦 Package Imports
@@ -92,6 +93,8 @@ SVELTE INJECT TAGS
{:else if $page?.url?.pathname.includes('transaction-history')}
+ {:else if $page?.url?.pathname.includes('withdraw')}
+
{/if}
diff --git a/static/all-css-chunk.css b/static/all-css-chunk.css
new file mode 100644
index 000000000..926d3be5e
--- /dev/null
+++ b/static/all-css-chunk.css
@@ -0,0 +1,10617 @@
+main
+ {
+ /* 📌 position */
+ position: relative;
+ z-index: 0;
+ margin: 0 auto;
+ /* 🎨 style */
+ width: 100%;
+ }
+ main::before
+ {
+ /* 📌 position */
+ position: absolute;
+ z-index: -1;
+ top: -5px;
+ /* 🎨 style */
+ content: '';
+ display: inline-block;
+ width: 100%;
+ height: 435px;
+ background-image: url('/assets/svg/header-background.svg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-origin: border-box;
+ background-position: top;
+ }
+
+ /*
+ =============
+ ⚡️ RESPONSIVNESS
+ =============
+ */
+
+ @media screen
+ and (min-width: 768px)
+ {
+ main::before
+ {
+ /* 🎨 style */
+ height: 495px;
+ }
+ }
+
+ @media screen
+ and (min-width: 1024px)
+ {
+ main
+ {
+ overflow: hidden;
+ }
+ main::before
+ {
+ /* 📌 position */
+ top: calc(100vw / -5.5) !important;
+ /* 🎨 style */
+ height: 100%;
+ background-size: contain !important;
+ }
+ }
+
+div#seo-widget-box.svelte-tc24cj {
+ position: fixed;
+ z-index: -100000000;
+ top: -999999px;
+ left: -999999px
+}
+
+footer.svelte-1m9q8ep.svelte-1m9q8ep {
+ background: #292929;
+ height: 645px;
+ width: -webkit-fill-available;
+ padding: 48px 18px;
+ box-shadow: inset 0 1px #616161
+}
+
+footer.svelte-1m9q8ep #inner-footer.svelte-1m9q8ep {
+ display: grid;
+ gap: 17px 85px;
+ grid-template-columns: 1fr;
+ align-items: start;
+ justify-items: stretch;
+ max-width: 1378px;
+ text-align: center
+}
+
+div#brand.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 1;
+ justify-self: center
+}
+
+div#brand.svelte-1m9q8ep img.svelte-1m9q8ep {
+ height: 32px;
+ width: 151px
+}
+
+div#social-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 2
+}
+
+div#social-media-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ gap: 16px;
+ grid-auto-flow: column;
+ width: 100%
+}
+
+div#newsletter-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 3
+}
+
+div#newsletter-box.svelte-1m9q8ep input.svelte-1m9q8ep {
+ background: #4b4b4b;
+ border-radius: 8px;
+ padding: 12px 20px;
+ width: 100%
+}
+
+div#newsletter-box.svelte-1m9q8ep button#newsletter-subscribe-btn.svelte-1m9q8ep {
+ height: 44px;
+ width: 100%;
+ background: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px
+}
+
+div#menu-list.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 4
+}
+
+div#menu-list.svelte-1m9q8ep ul.svelte-1m9q8ep {
+ display: flex;
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ place-content: center
+}
+
+div#menu-list.svelte-1m9q8ep div.menu-separator.svelte-1m9q8ep {
+ width: 1px;
+ height: 16px;
+ background-color: #4b4b4b
+}
+
+div#legal-bet-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 5;
+ justify-content: center
+}
+
+div#company-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 6
+}
+
+@media screen and (min-width: 710px) {
+ footer.svelte-1m9q8ep.svelte-1m9q8ep {
+ height: 416px;
+ padding: 68px 34px
+ }
+
+ footer.svelte-1m9q8ep #inner-footer.svelte-1m9q8ep {
+ display: grid;
+ grid-template-columns: repeat(2, auto);
+ grid-template-rows: repeat(4, auto);
+ justify-items: start;
+ align-items: initial;
+ text-align: initial;
+ justify-content: space-between
+ }
+
+ div#brand.svelte-1m9q8ep.svelte-1m9q8ep {
+ justify-self: unset
+ }
+
+ div#social-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 2
+ }
+
+ div#newsletter-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 2;
+ grid-row: 1 / 3;
+ width: 340px
+ }
+
+ div#menu-list.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1 / 3;
+ grid-row: 3
+ }
+
+ div#menu-list.svelte-1m9q8ep ul.svelte-1m9q8ep {
+ place-content: unset
+ }
+
+ div#company-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 4
+ }
+
+ div#legal-bet-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 2;
+ grid-row: 4;
+ justify-self: right
+ }
+}
+
+@media screen and (min-width: 1160px) {
+ footer.svelte-1m9q8ep.svelte-1m9q8ep {
+ height: 246px;
+ padding: 56px 34px;
+ text-align: center;
+ text-align: -webkit-center;
+ text-align: -moz-center
+ }
+
+ footer.svelte-1m9q8ep #inner-footer.svelte-1m9q8ep {
+ display: grid;
+ grid-template-columns: repeat(3, auto);
+ grid-template-rows: repeat(2, auto);
+ justify-content: space-between;
+ justify-items: stretch;
+ align-items: end
+ }
+
+ div#menu-list.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 2;
+ grid-row: 2
+ }
+
+ div#newsletter-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 2;
+ grid-row: 1;
+ width: 100%
+ }
+
+ div#newsletter-box.svelte-1m9q8ep input.svelte-1m9q8ep {
+ width: 100%;
+ min-width: 430px
+ }
+
+ div#newsletter-box.svelte-1m9q8ep button#newsletter-subscribe-btn.svelte-1m9q8ep {
+ padding: 11.5px 23.5px;
+ width: fit-content
+ }
+
+ div#social-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 3;
+ grid-row: 1
+ }
+
+ div#social-media-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ justify-content: left;
+ gap: 16px;
+ grid-auto-flow: column;
+ width: 100%
+ }
+
+ div#company-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 1;
+ grid-row: 2
+ }
+
+ div#legal-bet-box.svelte-1m9q8ep.svelte-1m9q8ep {
+ grid-column: 3;
+ grid-row: 2
+ }
+}
+
+div#background-modal-blur.svelte-1dz1r40.svelte-1dz1r40 {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#auth-alert-box.svelte-1dz1r40.svelte-1dz1r40 {
+ position: fixed;
+ bottom: 20px;
+ width: fit-content;
+ z-index: 4000;
+ left: 0;
+ right: 0;
+ margin: auto;
+ background: rgba(0, 0, 0, .8);
+ backdrop-filter: blur(4px);
+ -webkit-backdrop-filter: blur(4px);
+ padding: 14px 18px;
+ border-radius: 6px
+}
+
+div#auth-alert-box.svelte-1dz1r40 p.svelte-1dz1r40 {
+ color: #fff;
+ margin-left: 10px
+}
+
+#widget-outer.svelte-1dz1r40.svelte-1dz1r40 {
+ position: fixed;
+ z-index: 10000;
+ margin: auto;
+ width: fit-content;
+ width: 92%;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ height: fit-content;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px;
+ text-align: -webkit-center;
+ overflow: hidden
+}
+
+div#processing-auth-box.svelte-1dz1r40.svelte-1dz1r40 {
+ position: absolute;
+ backdrop-filter: blur(6px);
+ -webkit-backdrop-filter: blur(6px);
+ width: 100%;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+ background: rgba(255, 255, 255, .8)
+}
+
+div#processing-auth-box.svelte-1dz1r40 div#inner-processing-box.svelte-1dz1r40 {
+ position: absolute;
+ right: 0;
+ left: 0;
+ margin: auto;
+ width: fit-content;
+ height: fit-content;
+ top: 0;
+ bottom: 0
+}
+
+div#processing-auth-box.svelte-1dz1r40 div#inner-processing-box img.svelte-1dz1r40 {
+ width: 48px;
+ height: 48px
+}
+
+div#email-auth-verify-box.svelte-1dz1r40 img#email-verify-icon.svelte-1dz1r40 {
+ margin: 30px 0
+}
+
+img#auth-logo.svelte-1dz1r40.svelte-1dz1r40 {
+ margin-bottom: 12px
+}
+
+img#close-vector.svelte-1dz1r40.svelte-1dz1r40 {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ z-index: 400000002
+}
+
+p#auth-head.svelte-1dz1r40.svelte-1dz1r40 {
+ font-size: 20px;
+ margin-bottom: 5px
+}
+
+input#email.svelte-1dz1r40.svelte-1dz1r40 {
+ background: #ffffff;
+ border: 1px solid #cccccc;
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 12px;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ height: 44px;
+ outline: none;
+ font-size: 14px;
+ margin-top: 12px;
+ color: #000
+}
+
+input#email.svelte-1dz1r40.svelte-1dz1r40:hover {
+ border: 1px solid #8c8c8c
+}
+
+input#email.svelte-1dz1r40.svelte-1dz1r40:focus {
+ border: 1px solid #4b4b4b
+}
+
+input#email[placeholder].svelte-1dz1r40.svelte-1dz1r40 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+
+input#email.svelte-1dz1r40.svelte-1dz1r40::placeholder {
+ color: #ccc
+}
+
+input#email.error-email.svelte-1dz1r40.svelte-1dz1r40 {
+ border: 1px solid #ff3c3c !important
+}
+
+button#email-btn.svelte-1dz1r40.svelte-1dz1r40 {
+ height: 40px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ padding: 10px 24px;
+ margin-top: 12px
+}
+
+button#email-btn.svelte-1dz1r40 p.svelte-1dz1r40 {
+ color: #fff;
+ font-size: 14px
+}
+
+button#email-btn.svelte-1dz1r40.svelte-1dz1r40:hover {
+ background: #f77c42
+}
+
+div#other-oauth-divider-box.svelte-1dz1r40.svelte-1dz1r40 {
+ margin: 16px 0
+}
+
+div#other-oauth-divider-box.svelte-1dz1r40 div.hr-box.svelte-1dz1r40 {
+ height: 1px;
+ width: 100%;
+ background: #cccccc
+}
+
+div#other-oauth-divider-box.svelte-1dz1r40 p.svelte-1dz1r40 {
+ margin: 0 12px
+}
+
+div#oauth-box.svelte-1dz1r40 button.btn-auth-opt.svelte-1dz1r40 {
+ padding: 12px 32px;
+ background: #ffffff;
+ border: 1px solid #e6e6e6 !important;
+ border-radius: 60px;
+ margin-right: 12px
+}
+
+div#oauth-box.svelte-1dz1r40 button.btn-auth-opt.svelte-1dz1r40:hover {
+ border: 1px solid #f5620f !important
+}
+
+div#oauth-box.svelte-1dz1r40 button.btn-auth-opt.svelte-1dz1r40:last-child {
+ margin-right: unset
+}
+
+div#web3-divider-box.svelte-1dz1r40.svelte-1dz1r40 {
+ margin: 16px 0
+}
+
+div#web3-divider-box.svelte-1dz1r40 div.hr-box.svelte-1dz1r40 {
+ height: 1px;
+ width: 100%;
+ background: #cccccc
+}
+
+div#web3-divider-box.svelte-1dz1r40 p.svelte-1dz1r40 {
+ margin: 0 12px;
+ white-space: nowrap
+}
+
+button#metamask.btn-auth-opt.svelte-1dz1r40.svelte-1dz1r40 {
+ padding: 12px 32px;
+ background: #ffffff;
+ border: 1px solid #e6e6e6 !important;
+ border-radius: 60px;
+ margin-right: 12px
+}
+
+button#metamask.btn-auth-opt.svelte-1dz1r40.svelte-1dz1r40:hover {
+ border: 1px solid #f5620f !important
+}
+
+button#metamask.svelte-1dz1r40 p.svelte-1dz1r40 {
+ margin-left: 12px;
+ font-size: 14px
+}
+
+p#account-onboard-text.svelte-1dz1r40.svelte-1dz1r40 {
+ margin-top: 16px
+}
+
+@media only screen and (min-width: 726px) {
+ #widget-outer.svelte-1dz1r40.svelte-1dz1r40 {
+ width: 340px
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #widget-outer.svelte-1dz1r40.svelte-1dz1r40 {
+ width: 328px
+ }
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40.svelte-1dz1r40 {
+ background: #4b4b4b
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 div#processing-auth-box.svelte-1dz1r40 {
+ background: rgba(41, 41, 41, .8)
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 input#email.svelte-1dz1r40 {
+ background: #4b4b4b;
+ border: 1px solid #737373
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 input#email.svelte-1dz1r40 {
+ color: #fff
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 input#email.svelte-1dz1r40::placeholder {
+ color: #737373
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 input#email.svelte-1dz1r40:hover {
+ border: 1px solid #8c8c8c
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 div#other-oauth-divider-box div.hr-box.svelte-1dz1r40,
+div#widget-outer.dark-background-1.svelte-1dz1r40 div#web3-divider-box div.hr-box.svelte-1dz1r40 {
+ background: #737373
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 div#oauth-box button.btn-auth-opt.svelte-1dz1r40,
+div#widget-outer.dark-background-1.svelte-1dz1r40 button#metamask.btn-auth-opt.svelte-1dz1r40 {
+ border: 1px solid #737373 !important;
+ background: #4b4b4b
+}
+
+div#widget-outer.dark-background-1.svelte-1dz1r40 div#oauth-box button.btn-auth-opt.svelte-1dz1r40:hover,
+div#widget-outer.dark-background-1.svelte-1dz1r40 button#metamask.btn-auth-opt.svelte-1dz1r40:hover {
+ border: 1px solid #f5620f !important
+}
+
+div#component\/bookmaker\/main.svelte-eloysd.svelte-eloysd {
+ position: relative;
+ padding: 0 0 0 16px
+}
+
+div#component\/bookmaker\/main.mobile.svelte-eloysd.svelte-eloysd {
+ padding: 0
+}
+
+div#component\/bookmaker\/main.not-last.svelte-eloysd.svelte-eloysd {
+ padding: 0 16px
+}
+
+div#component\/bookmaker\/main.dropdown-opt-box.svelte-eloysd.svelte-eloysd {
+ border-left: 1px solid #4b4b4b;
+ height: 44px;
+ padding: 0 16px;
+ width: fit-content;
+ cursor: pointer
+}
+
+div#component\/bookmaker\/main.side-nav-dropdown.svelte-eloysd.svelte-eloysd {
+ width: 100%;
+ box-shadow: inset 0 -1px #616161
+}
+
+div#component\/bookmaker\/main.svelte-eloysd div.bookmaker-dropdown.svelte-eloysd {
+ position: absolute;
+ top: 100%;
+ right: 0%;
+ z-index: 2000;
+ height: 320px;
+ width: 620px;
+ margin-top: 5px;
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ overflow: hidden;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 5px 20px;
+ padding: 8px 12px
+}
+
+div#component\/bookmaker\/main.svelte-eloysd div.bookmaker-dropdown div.theme-opt-box.svelte-eloysd {
+ position: relative;
+ height: 40px;
+ padding: 13px 8px;
+ box-shadow: inset 0 -1px #3c3c3c;
+ background: #4b4b4b
+}
+
+div#component\/bookmaker\/main.svelte-eloysd div.bookmaker-dropdown div.theme-opt-box.svelte-eloysd:hover,
+div#component\/bookmaker\/main.svelte-eloysd div.bookmaker-dropdown div.country-selected.svelte-eloysd {
+ background: #292929;
+ border-radius: 4px
+}
+
+div#component\/bookmaker\/main.svelte-eloysd div.side-nav-dropdown-opt.svelte-eloysd {
+ width: 100%;
+ padding: 9.5px 0
+}
+
+div#component\/bookmaker\/main.svelte-eloysd div.side-nav-dropdown-opt p.svelte-eloysd {
+ font-weight: 400
+}
+
+img.country-flag.svelte-eloysd.svelte-eloysd {
+ background: linear-gradient (180deg, rgba(255, 255, 255, .7) 0%, rgba(0, 0, 0, .3) 100%);
+ background-blend-mode: overlay;
+ border-radius: 2px
+}
+
+div#lang-container.svelte-v1v8bz.svelte-v1v8bz {
+ position: relative
+}
+
+div.selected-language-btn.svelte-v1v8bz.svelte-v1v8bz {
+ color: #fff;
+ outline: none;
+ border: none;
+ padding: 5px 12px;
+ background-color: transparent
+}
+
+div#lang-container.svelte-v1v8bz div.selected-language-btn.svelte-v1v8bz:hover,
+div#lang-container.svelte-v1v8bz div.selected-language-btn.active-lang-select.svelte-v1v8bz {
+ background-color: #ffffff1a;
+ border-radius: 4px
+}
+
+#dropdown-menu.svelte-v1v8bz.svelte-v1v8bz {
+ position: absolute;
+ z-index: 1000;
+ top: 100%;
+ left: -20%;
+ width: 88px;
+ margin-top: 5px;
+ border-radius: 4px;
+ background: #292929;
+ box-shadow: 0 4px 16px #00000014;
+ overflow: hidden
+}
+
+#lang-select.svelte-v1v8bz.svelte-v1v8bz {
+ padding: 10px 0;
+ text-align: center;
+ background: #4b4b4b;
+ cursor: pointer;
+ box-shadow: inset 0 -1px #3c3c3c
+}
+
+#lang-select.svelte-v1v8bz.svelte-v1v8bz:hover {
+ background: #292929;
+ box-shadow: inset 0 -1px #3c3c3c
+}
+
+div#component\/theme\/main.svelte-8g3vuz.svelte-8g3vuz {
+ height: 24px;
+ width: 44px;
+ background: var(--dark-theme-1);
+ border-radius: 24px
+}
+
+div#component\/theme\/main.svelte-8g3vuz>img.svelte-8g3vuz {
+ width: 20px;
+ margin: 2px;
+ height: 20px;
+ padding: 4.5px;
+ border-radius: 50%;
+ background-color: var(--dark-theme)
+}
+
+div#component\/theme\/main.svelte-8g3vuz>img.light.svelte-8g3vuz {
+ background-color: var(--white)
+}
+
+div.nav-box.svelte-ft2wdh.svelte-ft2wdh {
+ position: relative
+}
+
+div.nav-box.active.svelte-ft2wdh p.svelte-ft2wdh {
+ color: var(--primary) !important
+}
+
+div.nav-box.svelte-ft2wdh:hover a p.svelte-ft2wdh {
+ color: var(--white) !important
+}
+
+.pill.svelte-ft2wdh.svelte-ft2wdh {
+ height: 24px;
+ padding: 3px 8px;
+ background-color: var(--dark-theme-1);
+ border-radius: 20px
+}
+
+div.sports-box.svelte-1cph22z.svelte-1cph22z {
+ height: 44px
+}
+
+div.sports-box.svelte-1cph22z:hover p.capitalize.svelte-1cph22z {
+ color: var(--primary) !important
+}
+
+div.sports-box.svelte-1cph22z .sport-counter-dark.svelte-1cph22z {
+ background-color: var(--dark-theme-1);
+ padding: 3px 8px;
+ border-radius: 20px;
+ height: 24px
+}
+
+#background-area-close.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0,
+#background-area-close-inner.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+.update-z-index.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ z-index: unset
+}
+
+header.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ z-index: 1000;
+ position: relative;
+ background-color: #292929;
+ height: 128px
+}
+
+header.svelte-1sgjsm0 div#header\/top.svelte-1sgjsm0.svelte-1sgjsm0,
+header.svelte-1sgjsm0 div#header\/bottom.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ position: relative;
+ max-width: 1430px;
+ width: inherit
+}
+
+header.svelte-1sgjsm0 div#header\/top.svelte-1sgjsm0.svelte-1sgjsm0 {
+ top: 0;
+ padding: 23px 16px;
+ height: 64px !important
+}
+
+header.svelte-1sgjsm0 div#header\/bottom.svelte-1sgjsm0.svelte-1sgjsm0 {
+ bottom: 0;
+ padding: 10px 16px;
+ height: 64px !important
+}
+
+header.svelte-1sgjsm0 div#header\/bottom\/inner.svelte-1sgjsm0.svelte-1sgjsm0::-webkit-scrollbar {
+ display: none
+}
+
+header.svelte-1sgjsm0 div#header\/bottom\/inner.svelte-1sgjsm0.svelte-1sgjsm0 {
+ overflow-x: scroll;
+ overflow-y: hidden;
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+header.svelte-1sgjsm0 div#header\/border\/top-box.svelte-1sgjsm0.svelte-1sgjsm0,
+header.svelte-1sgjsm0 div#header\/border\/bottom-box.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ width: 100vw;
+ border: .5px solid var(--dark-theme-1)
+}
+
+header.svelte-1sgjsm0 div#header\/border\/top-box.svelte-1sgjsm0.svelte-1sgjsm0 {
+ bottom: 64px
+}
+
+header.svelte-1sgjsm0 div#header\/border\/bottom-box.svelte-1sgjsm0.svelte-1sgjsm0 {
+ bottom: 0
+}
+
+#burger-menu.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ margin-right: 16.15px
+}
+
+nav.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ z-index: 1000000000;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ background-color: #292929;
+ height: 100vh;
+ width: 100%;
+ padding: 14px 16px;
+ overflow-y: scroll;
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+nav.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0::-webkit-scrollbar {
+ display: none
+}
+
+nav.tablet-exclusive.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding: 24px 34px;
+ max-width: 374px !important
+}
+
+div#navBox.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: relative
+}
+
+div#nav-triangle.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ bottom: -21px;
+ width: 0;
+ height: 0;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-bottom: 12px solid var(--dark-theme-1);
+ transition: all .25s ease-out
+}
+
+img#user-profile-picture.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ border-radius: 50%
+}
+
+.dropdown-opt-box.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ border-left: 1px solid #4b4b4b;
+ height: 44px;
+ padding: 0 16px;
+ width: fit-content;
+ cursor: pointer
+}
+
+div#balance-box.dropdown-opt-box.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding-right: 0
+}
+
+div#user-profile-box.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ width: auto;
+ position: relative
+}
+
+div#user-profile-box.svelte-1sgjsm0 div#user-profile-dropdown.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ top: 100%;
+ right: 0;
+ left: unset;
+ z-index: 2000;
+ margin-top: 5px;
+ background: #292929;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ overflow: hidden;
+ width: 168px
+}
+
+div#user-profile-box.svelte-1sgjsm0 div#user-profile-dropdown div.theme-opt-box.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding: 9.5px 16px;
+ box-shadow: inset 0 -1px #3c3c3c;
+ background: #4b4b4b;
+ height: 40px
+}
+
+div#user-profile-box.svelte-1sgjsm0 div#user-profile-dropdown div.theme-opt-box.svelte-1sgjsm0:hover p.svelte-1sgjsm0 {
+ color: #f5620f
+}
+
+div#user-profile-box.svelte-1sgjsm0 p#wallet-text.svelte-1sgjsm0.svelte-1sgjsm0 {
+ margin-right: 14px
+}
+
+@media screen and (max-width: 560px) {
+ :root {
+ --header-is-mobile: true
+ }
+}
+
+@media screen and (min-width: 768px) {
+ header.svelte-1sgjsm0 div#header\/top.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding: 23px 34px
+ }
+
+ header.svelte-1sgjsm0 div#header\/bottom.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding: 6px 34px
+ }
+
+ #burger-menu.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ margin-right: 24px
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ #odds-box.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: relative
+ }
+
+ #odds-type-dropdown-menu.svelte-1sgjsm0.svelte-1sgjsm0.svelte-1sgjsm0 {
+ position: absolute;
+ top: 100%;
+ left: 0%;
+ margin-top: 5px;
+ background: #292929;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ overflow: hidden;
+ z-index: 2000;
+ width: 168px
+ }
+
+ #odds-type-dropdown-menu.svelte-1sgjsm0 .theme-opt-box.svelte-1sgjsm0.svelte-1sgjsm0 {
+ padding: 9.5px 16px;
+ box-shadow: inset 0 -1px #3c3c3c;
+ background: #4b4b4b;
+ height: 40px
+ }
+
+ #odds-type-dropdown-menu.svelte-1sgjsm0 .theme-opt-box.svelte-1sgjsm0:hover p.svelte-1sgjsm0 {
+ color: #f5620f
+ }
+}
+
+main.svelte-blvgqu {
+ position: relative;
+ z-index: 0;
+ margin: 0 auto;
+ width: 100%
+}
+
+main.svelte-blvgqu:before {
+ position: absolute;
+ z-index: -1;
+ top: -5px;
+ content: \"\";
+ display: inline-block;
+ width: 100%;
+ height: 435px;
+ background-image: url(/assets/svg/header-background.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-origin: border-box;
+ background-position: top
+}
+
+@media screen and (min-width: 768px) {
+ main.svelte-blvgqu:before {
+ height: 495px
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ main.svelte-blvgqu {
+ overflow: hidden
+ }
+
+ main.svelte-blvgqu:before {
+ top: calc(100vw / -5.5) !important;
+ height: 100%;
+ background-size: contain !important
+ }
+}
+
+section#error-page.svelte-op60g {
+ display: grid;
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ align-items: center;
+ justify-items: center
+}
+
+div#live-score-container.svelte-3yronf.svelte-3yronf {
+ display: grid;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ min-width: 100%;
+ width: 100%;
+ max-width: 343px;
+ padding-bottom: 4px;
+ overflow: hidden
+}
+
+div.featured-row.svelte-3yronf.svelte-3yronf {
+ padding: 13px 20px;
+ box-shadow: inset 0 1px #ebebeb;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+div#show-more-box.svelte-3yronf.svelte-3yronf {
+ height: 72px;
+ box-shadow: inset 0 1px #ebebeb
+}
+
+div#title-box.svelte-3yronf.svelte-3yronf {
+ height: 75px
+}
+
+@media only screen and (min-width: 767px) {
+ #featured-rank.svelte-3yronf.svelte-3yronf {
+ height: 257px;
+ padding: 16px 39px;
+ background: #f2f2f2;
+ border-radius: 12px;
+ justify-items: center;
+ position: relative
+ }
+
+ #feature-rank-display.svelte-3yronf.svelte-3yronf {
+ display: grid;
+ gap: 20px;
+ grid-auto-flow: column;
+ grid-template-columns: repeat(3, 1fr);
+ justify-content: space-between;
+ padding: 20px 20px 0
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #featured-rank.svelte-3yronf.svelte-3yronf {
+ padding: 16px 8px
+ }
+
+ #feature-rank-display.svelte-3yronf.svelte-3yronf {
+ gap: 15px
+ }
+}
+
+.dark-background-1.svelte-3yronf div.featured-row.svelte-3yronf,
+.dark-background-1.svelte-3yronf div#show-more-box.svelte-3yronf {
+ box-shadow: inset 0 1px #616161 !important
+}
+
+.dark-background-1.svelte-3yronf div#featured-rank.svelte-3yronf {
+ background-color: #616161
+}
+
+div#live-score-container.svelte-1g2mh3j.svelte-1g2mh3j {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ min-width: 100%;
+ width: 100%;
+ max-width: 343px;
+ padding-bottom: 4px;
+ overflow: hidden
+}
+
+div#fixture-league-title.svelte-1g2mh3j.svelte-1g2mh3j {
+ padding: 10px 20px;
+ box-shadow: inset 0 -1px #ebebeb;
+ height: 44px
+}
+
+div#fixture-visual-box.svelte-1g2mh3j.svelte-1g2mh3j {
+ padding: 25px 20px 20px;
+ box-shadow: inset 0 -1px #ebebeb;
+ height: 305px;
+ position: relative
+}
+
+div#live-stream-box.svelte-1g2mh3j.svelte-1g2mh3j {
+ padding: 52px 20px 20px;
+ box-shadow: inset 0 -1px #ebebeb;
+ width: inherit;
+ height: 160px
+}
+
+div.best-players-box.svelte-1g2mh3j.svelte-1g2mh3j {
+ padding: 20px;
+ box-shadow: inset 0 -1px #ebebeb;
+ height: 216px
+}
+
+div#value-bets.svelte-1g2mh3j.svelte-1g2mh3j {
+ padding: 61px 20px 27px;
+ height: 215px
+}
+
+@media only screen and (max-width: 475px) {
+ svg {
+ width: 100% !important
+ }
+
+ div#value-bets.svelte-1g2mh3j.svelte-1g2mh3j {
+ height: 302px
+ }
+
+ div#live-stream-box.svelte-1g2mh3j.svelte-1g2mh3j {
+ height: 112px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ #live-score-container.svelte-1g2mh3j.svelte-1g2mh3j {
+ margin-top: 40px
+ }
+}
+
+.dark-background-1.svelte-1g2mh3j #fixture-league-title.svelte-1g2mh3j,
+.dark-background-1.svelte-1g2mh3j #fixture-visual-box.svelte-1g2mh3j,
+.dark-background-1.svelte-1g2mh3j .best-players-box.svelte-1g2mh3j,
+.dark-background-1.svelte-1g2mh3j #live-stream-box.svelte-1g2mh3j {
+ box-shadow: inset 0 -1px #616161 !important
+}
+
+div#league-list-content-loader.svelte-1f2xm46.svelte-1f2xm46 {
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 0 20px;
+ margin-top: 40px
+}
+
+div#league-list-content-loader.svelte-1f2xm46 p.svelte-1f2xm46 {
+ margin-top: 20px
+}
+
+div#league-list-content-loader.svelte-1f2xm46 div.loader-row.svelte-1f2xm46 {
+ padding: 12px 0
+}
+
+div#league-list-content-loader svg {
+ width: fit-content !important
+}
+
+#leagues-table-container.svelte-xosbfl {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden
+}
+
+.leagues-table-row.svelte-xosbfl {
+ padding: 12.5px 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+@media only screen and (max-width: 475px) {
+ .leagues-table-row.svelte-xosbfl:first-child {
+ padding-top: 24px
+ }
+}
+
+@media only screen and (min-width: 767px) {
+ #leagues-table-container.svelte-xosbfl {
+ max-width: max-content
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #leagues-table-container.svelte-xosbfl {
+ max-width: max-content
+ }
+}
+
+#background-area-close-inner.svelte-1lt3vvi.svelte-1lt3vvi {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 999998;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#calendar-popup.svelte-1lt3vvi.svelte-1lt3vvi {
+ position: fixed;
+ z-index: 999999;
+ bottom: 20px;
+ right: 0;
+ left: 0;
+ background: #FFFFFF;
+ width: 92.5%;
+ margin: auto;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px
+}
+
+div#calendar-popup.svelte-1lt3vvi div#calendar-date-select.svelte-1lt3vvi {
+ padding: 16px;
+ border-bottom: 1px solid var(--grey-color)
+}
+
+div#calendar-inner.svelte-1lt3vvi table.svelte-1lt3vvi {
+ padding: 16px 0
+}
+
+div#calendar-inner.svelte-1lt3vvi table tr th.svelte-1lt3vvi,
+div#calendar-inner.svelte-1lt3vvi table tr td.svelte-1lt3vvi {
+ padding: 7px 11px;
+ max-width: 48px;
+ height: 32px;
+ text-align: center
+}
+
+div#calendar-inner.svelte-1lt3vvi table tr td.svelte-1lt3vvi:hover {
+ background-color: var(--whitev2);
+ border-radius: 60px;
+ color: var(--dark-theme)
+}
+
+div#calendar-inner.svelte-1lt3vvi table tr td.activeDate.svelte-1lt3vvi {
+ background-color: var(--primary);
+ border-radius: 60px;
+ color: var(--white)
+}
+
+td.currentDate.svelte-1lt3vvi.svelte-1lt3vvi {
+ color: var(--primary)
+}
+
+td.notViewMonth.svelte-1lt3vvi.svelte-1lt3vvi {
+ color: var(--grey-color) !important
+}
+
+@media only screen and (min-width: 475px) {
+ div#calendar-popup.svelte-1lt3vvi.svelte-1lt3vvi {
+ position: absolute;
+ top: 105%;
+ right: 0;
+ bottom: unset;
+ left: unset;
+ z-index: 2;
+ width: fit-content
+ }
+
+ #background-area-close-inner.svelte-1lt3vvi.svelte-1lt3vvi {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ background-color: transparent
+ }
+
+ div#calendar-inner.svelte-1lt3vvi table.svelte-1lt3vvi {
+ padding: 16px
+ }
+}
+
+div#calendar-popup.dark-background-1.svelte-1lt3vvi.svelte-1lt3vvi {
+ background-color: var(--dark-theme-1-shade) !important
+}
+
+.dark-background-1.svelte-1lt3vvi div#calendar-inner table tr td.svelte-1lt3vvi:hover {
+ background-color: var(--dark-theme-1);
+ border-radius: 60px;
+ color: var(--white)
+}
+
+.dark-background-1.svelte-1lt3vvi td.notViewMonth.svelte-1lt3vvi {
+ color: var(--dark-theme-1-2-shade) !important
+}
+
+div#calendar-popup.dark-background-1.svelte-1lt3vvi div#calendar-date-select.svelte-1lt3vvi {
+ border-bottom: 1px solid var(--dark-theme)
+}
+
+div#livescores-dates-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ padding: 0 7px 0 16px
+}
+
+div#livescores-dates-box.svelte-cztqlz>div.livescore-date-box.svelte-cztqlz.svelte-cztqlz,
+div#calendar-out-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ border-radius: 6px;
+ width: 40px;
+ height: 56px
+}
+
+div#livescores-dates-box.svelte-cztqlz>div.livescore-date-box.activeDate.svelte-cztqlz.svelte-cztqlz,
+div#calendar-out-box.activeDate.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ background: var(--primary);
+ box-shadow: 0 3px 8px #d4540c52
+}
+
+div#livescores-dates-box.svelte-cztqlz>div.livescore-date-box.activeDate.svelte-cztqlz>p.svelte-cztqlz {
+ color: var(--white) !important
+}
+
+.currentDate.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ color: var(--primary) !important
+}
+
+div#calendar-out-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ position: relative
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ padding: 0 16px
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box.svelte-cztqlz.svelte-cztqlz {
+ width: 100%;
+ padding: 19px 0 12px
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box.activeOption.svelte-cztqlz.svelte-cztqlz {
+ border-bottom: 1px solid var(--primary)
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box.activeOption p.svelte-cztqlz.svelte-cztqlz {
+ color: var(--primary) !important
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box div#live-filter-box.svelte-cztqlz.svelte-cztqlz {
+ position: relative;
+ width: fit-content
+}
+
+div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box div#live-filter-box.svelte-cztqlz>img.svelte-cztqlz {
+ position: absolute;
+ top: -5px;
+ right: -50%
+}
+
+@media only screen and (max-width: 388px) {
+
+ div#livescores-dates-box.svelte-cztqlz>div.livescore-date-box.svelte-cztqlz.svelte-cztqlz,
+ div#calendar-out-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ width: 37px
+ }
+}
+
+@media only screen and (min-width: 475px) {
+ div#livescores-dates-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ padding: 0 9px 0 20px
+ }
+
+ div#fixture-filter-opt-box-outer.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ padding: 0 20px
+ }
+
+ div#fixture-filter-opt-box-outer.svelte-cztqlz div.fixture-filter-box p.svelte-cztqlz.svelte-cztqlz {
+ font-weight: 500
+ }
+
+ div#livescores-dates-box.svelte-cztqlz>div.livescore-date-box.svelte-cztqlz.svelte-cztqlz,
+ div#calendar-out-box.svelte-cztqlz.svelte-cztqlz.svelte-cztqlz {
+ width: 46px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .widget-component.svelte-uohuvw {
+ margin-top: 40px
+ }
+}
+
+#seo-block-widget-container.svelte-17m2jev {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available
+}
+
+@media only screen and (min-width: 767px) {
+ #seo-block-widget-container.svelte-17m2jev {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #seo-block-widget-container.svelte-17m2jev {
+ min-width: 100%
+ }
+}
+
+#best-goalscorer-container.svelte-1ugs3cz {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden
+}
+
+div#widget-title-row.svelte-1ugs3cz {
+ margin: 20px 20px 12.5px
+}
+
+.best-player-row.svelte-1ugs3cz {
+ padding: 12.5px 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+@media only screen and (max-width: 475px) {
+ .best-player-row.svelte-1ugs3cz:first-child {
+ padding-top: 24px
+ }
+}
+
+@media only screen and (max-width: 475px) {
+ svg {
+ width: 100% !important
+ }
+}
+
+@media only screen and (max-width: 768px) {
+ svg {
+ width: 100% !important
+ }
+}
+
+@media only screen and (min-width: 767px) {
+ #best-goalscorer-container.svelte-1ugs3cz {
+ max-width: max-content
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #best-goalscorer-container.svelte-1ugs3cz {
+ max-width: max-content
+ }
+}
+
+section#home-page.svelte-1kz5lx8 {
+ display: grid;
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ align-items: start
+}
+
+div.grid-display-column.svelte-1kz5lx8 {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 24px
+}
+
+@media only screen and (min-width: 768px) {
+ section#home-page.svelte-1kz5lx8 {
+ grid-template-columns: 1fr
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ section#home-page.svelte-1kz5lx8 {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 275px) minmax(auto, 502px) minmax(auto, 502px)
+ }
+}
+
+@media screen and (min-width: 560px) {
+ :root {
+ --homepage-layout-is-mobile: true
+ }
+}
+
+@media only screen and (min-width: 1320px) {
+ section#home-page.svelte-1kz5lx8 {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 328px) minmax(502px, 502px) minmax(auto, 502px)
+ }
+}
+
+p.breadcrumb.disabled.svelte-1ehnxsr.svelte-1ehnxsr {
+ color: var(--grey);
+ text-transform: unset;
+ max-width: calc(25vw - 25px)
+}
+
+p.breadcrumb.svelte-1ehnxsr.svelte-1ehnxsr {
+ font-size: 14px;
+ color: var(--white);
+ margin-right: 10px;
+ text-transform: capitalize;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 100px
+}
+
+a.svelte-1ehnxsr>p.breadcrumb.svelte-1ehnxsr:hover {
+ color: var(--primary)
+}
+
+@media only screen and (min-width: 475px) {
+ p.breadcrumb.disabled.svelte-1ehnxsr.svelte-1ehnxsr {
+ max-width: calc(40vw - 25px)
+ }
+}
+
+@media only screen and (min-width: 768px) {
+
+ p.breadcrumb.svelte-1ehnxsr.svelte-1ehnxsr,
+ p.breadcrumb.disabled.svelte-1ehnxsr.svelte-1ehnxsr {
+ max-width: calc(60vw - 25px)
+ }
+}
+
+#fpp-breadcrumb.svelte-1d0e145 {
+ overflow: hidden
+}
+
+.loader-box.svelte-j2bwjl {
+ margin: 0 0 22px
+}
+
+.fixture-row.svelte-j2bwjl {
+ width: 100%
+}
+
+.fixture-row svg {
+ width: 100%
+}
+
+.event-box.svelte-1mwo63v.svelte-1mwo63v {
+ direction: ltr
+}
+
+@media only screen and (min-width: 475px) {
+ .event-box.svelte-1mwo63v.svelte-1mwo63v {
+ margin-right: 16px
+ }
+
+ .event-box.svelte-1mwo63v img.event-icon.svelte-1mwo63v {
+ width: 20px;
+ height: 20px
+ }
+
+ .event-box.svelte-1mwo63v p.svelte-1mwo63v {
+ margin-left: 8px;
+ font-size: 14px
+ }
+}
+
+div.fixture-row.svelte-3ggu9n.svelte-3ggu9n {
+ padding: 5px 16px 5px 8px
+}
+
+div.fixture-time-box.svelte-3ggu9n.svelte-3ggu9n {
+ min-width: 37px;
+ max-width: 37px
+}
+
+div.fixture-teams-box.svelte-3ggu9n.svelte-3ggu9n {
+ border-left: 1px var(--grey-color) solid;
+ padding-left: 8px
+}
+
+div.fixture-teams-box.svelte-3ggu9n p.teams-text.svelte-3ggu9n {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 85px
+}
+
+div.fixture-teams-box.svelte-3ggu9n:hover p.teams-text.svelte-3ggu9n {
+ color: var(--primary) !important
+}
+
+div.events-grid.svelte-3ggu9n.svelte-3ggu9n {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ direction: rtl;
+ gap: 8px 0
+}
+
+div.fixtures-scores-box.svelte-3ggu9n.svelte-3ggu9n {
+ min-width: 29px;
+ max-width: 29px;
+ padding: 0 11px;
+ border-left: 1px solid var(--grey-color);
+ border-right: 1px solid var(--grey-color)
+}
+
+.team-lost-style.svelte-3ggu9n.svelte-3ggu9n {
+ color: var(--grey) !important
+}
+
+span.visibility-none.svelte-3ggu9n.svelte-3ggu9n {
+ visibility: hidden
+}
+
+div.fixture-row.svelte-3ggu9n p#box-goals.svelte-3ggu9n {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 12px;
+ padding: 1.5px 0;
+ max-height: 24px;
+ min-width: 44px;
+ max-width: 44px;
+ width: auto;
+ color: var(--white)
+}
+
+div.fixture-row.svelte-3ggu9n p#box-goals.rating_golden.svelte-3ggu9n {
+ background-color: #ffb904 !important
+}
+
+div.fixture-row.svelte-3ggu9n p#box-goals.rating_silver.svelte-3ggu9n {
+ background-color: #8c8c8c !important
+}
+
+div.fixture-row.svelte-3ggu9n p#box-goals.rating_bronze.svelte-3ggu9n {
+ background-color: #dbb884 !important
+}
+
+div.fixture-row.svelte-3ggu9n p#box-goals.rating_nan.svelte-3ggu9n {
+ background-color: var(--whitev2);
+ color: var(--grey)
+}
+
+@media only screen and (min-width: 375px) {
+ div.fixture-teams-box.svelte-3ggu9n p.teams-text.svelte-3ggu9n {
+ max-width: unset
+ }
+}
+
+@media only screen and (min-width: 475px) {
+ div.fixture-row.svelte-3ggu9n.svelte-3ggu9n {
+ padding: 5px 16px
+ }
+
+ div.fixture-time-box.svelte-3ggu9n.svelte-3ggu9n {
+ margin-right: 16px;
+ min-width: 47px;
+ max-width: 47px
+ }
+
+ div.fixture-time-box.svelte-3ggu9n p.svelte-3ggu9n {
+ font-size: 14px
+ }
+
+ div.fixture-teams-box.svelte-3ggu9n.svelte-3ggu9n {
+ padding-left: 16px
+ }
+
+ div.fixtures-scores-box.svelte-3ggu9n.svelte-3ggu9n {
+ min-width: 37px;
+ max-width: 37px
+ }
+
+ div.fixtures-scores-box.svelte-3ggu9n p.svelte-3ggu9n {
+ font-size: 14px;
+ font-weight: 500
+ }
+
+ div.events-grid.svelte-3ggu9n.svelte-3ggu9n {
+ grid-auto-flow: column
+ }
+}
+
+.dark-background div.fixtures-scores-box {
+ width: 14px;
+ padding: 0 20px;
+ border-left: 1px solid var(--dark-theme-1-shade) !important;
+ border-right: 1px solid var(--dark-theme-1-shade) !important
+}
+
+.dark-background div.fixture-teams-box {
+ border-left: 1px var(--dark-theme-1-shade) solid !important
+}
+
+.dark-background div.fixture-row p#box-goals {
+ color: var(--dark-theme-1) !important
+}
+
+.dark-background div.fixture-row p#box-goals.rating_nan {
+ background-color: var(--dark-theme-1-shade) !important;
+ color: var(--dark-theme-1-3-shade) !important
+}
+
+div#top-row.svelte-1tdry2q.svelte-1tdry2q {
+ padding: 0 20px
+}
+
+div.league-group-box.svelte-1tdry2q.svelte-1tdry2q {
+ padding-left: 28px
+}
+
+button.btn-hollow.svelte-1tdry2q.svelte-1tdry2q:hover {
+ border: 1px solid var(--primary) !important
+}
+
+button.btn-hollow.left.svelte-1tdry2q.svelte-1tdry2q {
+ padding: 12px 16px 12px 10px
+}
+
+button.btn-hollow.right.svelte-1tdry2q.svelte-1tdry2q {
+ padding: 12px 10px 12px 16px
+}
+
+img.league-img.svelte-1tdry2q.svelte-1tdry2q {
+ width: auto;
+ max-height: 100%;
+ object-fit: fill
+}
+
+div#fixtures-list-box.svelte-1tdry2q a:first-child div.league-group-box.svelte-1tdry2q {
+ border: none;
+ padding-top: 0;
+ margin-top: 0
+}
+
+div#fixtures-list-box.svelte-1tdry2q a div.league-group-box.svelte-1tdry2q {
+ border-top: 1px solid var(--grey-color);
+ padding-top: 18px
+}
+
+div.dark-background-1.svelte-1tdry2q div#fixtures-list-box a:first-child div.league-group-box.svelte-1tdry2q {
+ border: none
+}
+
+div.dark-background-1.svelte-1tdry2q div#fixtures-list-box a div.league-group-box.svelte-1tdry2q {
+ border-top: 1px solid var(--dark-theme-1-shade)
+}
+
+div.dark-background-1.svelte-1tdry2q button.btn-hollow.svelte-1tdry2q {
+ border: 1px solid var(--dark-theme-1-2-shade) !important
+}
+
+div.dark-background-1.svelte-1tdry2q button.btn-hollow.svelte-1tdry2q:hover {
+ border: 1px solid var(--primary) !important;
+ color: var(--primary) !important
+}
+
+.widget-component.svelte-gg5wp5 {
+ padding: 20px
+}
+
+div.statbox-loader.svelte-gg5wp5 {
+ padding: 0 20px;
+ border-left: 1px solid var(--grey-shade)
+}
+
+.dark-background div.statbox-loader {
+ border-left: 1px solid var(--dark-theme-1-shade)
+}
+
+div.status-box.svelte-9gy031 {
+ padding-left: 16px;
+ border-left: 1px solid var(--grey-shade);
+ max-width: 63px;
+ min-width: 63px
+}
+
+div.first-box.svelte-9gy031 {
+ max-width: 87px;
+ min-width: 87px
+}
+
+div#country-icon-box.svelte-9gy031 {
+ overflow: hidden;
+ border: 1px solid var(--grey-shade);
+ border-radius: 40px;
+ width: 18px;
+ height: 18px
+}
+
+img#country-icon.svelte-9gy031 {
+ width: auto;
+ max-height: 100%;
+ object-fit: contain;
+ scale: 1.4
+}
+
+.dark-background div.status-box {
+ border-left: 1px solid var(--dark-theme-1-shade) !important
+}
+
+.widget-component.svelte-52t0sj {
+ padding: 20px
+}
+
+img#player-avatar.svelte-52t0sj {
+ border: 1px solid var(--grey-shade);
+ border-radius: 80px
+}
+
+div#country-icon-box.svelte-52t0sj {
+ overflow: hidden;
+ border: 1px solid var(--grey-shade);
+ border-radius: 40px;
+ width: 18px;
+ height: 18px
+}
+
+img#country-icon.svelte-52t0sj {
+ width: auto;
+ max-height: 100%;
+ object-fit: contain;
+ scale: 1.4
+}
+
+p#player-name.svelte-52t0sj {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ width: inherit
+}
+
+button#follow-btn.svelte-52t0sj {
+ color: var(--primary);
+ font-size: 14px;
+ font-weight: 500;
+ min-width: 100px
+}
+
+@media only screen and (min-width: 767px) {
+ div#country-icon-box.svelte-52t0sj {
+ height: 20px;
+ width: 20px
+ }
+
+ img#country-icon.svelte-52t0sj {
+ width: 20px;
+ height: 20px
+ }
+
+ img#player-avatar.svelte-52t0sj {
+ margin-right: 20px;
+ width: 80px;
+ height: 80px
+ }
+
+ p#player-name.svelte-52t0sj {
+ font-size: 32px
+ }
+
+ div#nationality-box.svelte-52t0sj {
+ padding-right: 12px;
+ margin-right: 12px;
+ border-right: 1px solid var(--grey-shade)
+ }
+}
+
+div.dark-background-1 div.status-box {
+ border-left: 1px solid var(--grey)
+}
+
+.widget-component.svelte-1rdgtyi.svelte-1rdgtyi {
+ padding: 20px
+}
+
+#player-seo-loader.svelte-1rdgtyi div#faq-section div.faq-row.svelte-1rdgtyi:first-child {
+ border: 1px solid var(--grey-color);
+ border-radius: 12px 12px 0 0 !important
+}
+
+#player-seo-loader.svelte-1rdgtyi div#faq-section div.faq-row.svelte-1rdgtyi:last-child {
+ border: 1px solid var(--grey-color);
+ border-radius: 0 0 12px 12px !important
+}
+
+#player-seo-loader.svelte-1rdgtyi div#faq-section div.faq-row.svelte-1rdgtyi {
+ border: 1px solid var(--grey-color);
+ padding: 20px
+}
+
+@media only screen and (min-width: 768px) {
+ .widget-component.svelte-1rdgtyi.svelte-1rdgtyi {
+ margin-top: 40px
+ }
+}
+
+#player-seo-loader.dark-background div#faq-section div.faq-row {
+ border: 1px solid var(--dark-theme-1-shade) !important
+}
+
+div.widget-component.svelte-d4b2pd {
+ overflow: unset;
+ padding: 20px
+}
+
+#pseo-main a {
+ color: #f5620f !important;
+ width: fit-content !important;
+ margin: 0;
+ display: initial
+}
+
+#pseo-main section {
+ padding: 0 !important;
+ min-height: fit-content
+}
+
+#pseo-main section div:first-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 12px 12px 0 0 !important
+}
+
+#pseo-main section>div {
+ border: 1px solid #e6e6e6;
+ padding: 20px
+}
+
+#pseo-main section>div>h4 {
+ margin: 0 !important;
+ margin-bottom: 8px
+}
+
+#pseo-main section div.faq-body {
+ border: none !important
+}
+
+#pseo-main section hr {
+ display: none
+}
+
+#pseo-main section div:last-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 0 0 12px 12px !important
+}
+
+#pseo-main h3 {
+ font-size: 20px
+}
+
+#pseo-main h4,
+#pseo-main p {
+ font-size: 16px
+}
+
+#pseo-main section div.faq-body {
+ font-size: 14px
+}
+
+#pseo-main h1,
+#pseo-main h2,
+#pseo-main h3,
+#pseo-main h4 {
+ color: #292929 !important
+}
+
+#pseo-main p,
+#pseo-main section div.faq-body {
+ color: #8c8c8c !important
+}
+
+#pseo-main h3 {
+ margin: 20px 0 12px
+}
+
+#pseo-main section>div {
+ border: 1px solid #e6e6e6 !important
+}
+
+#pseo-main p {
+ margin-bottom: 14px
+}
+
+#pseo-main.dark-background-1 h1,
+#pseo-main.dark-background-1 h2,
+#pseo-main.dark-background-1 h3,
+#pseo-main.dark-background-1 h4 {
+ color: #fff !important
+}
+
+#pseo-main.dark-background-1 p,
+#pseo-main.dark-background-1 section div.faq-body {
+ color: #a8a8a8 !important
+}
+
+#pseo-main.dark-background-1 section>div {
+ border: 1px solid #616161 !important
+}
+
+svg.svelte-afgfz {
+ width: 100% !important
+}
+
+svg.svelte-19oy5qh {
+ width: 100% !important
+}
+
+.widget-component.svelte-lzzw66 {
+ padding: 20px
+}
+
+div.livescores-fixture-row-loader {
+ border-top: 1px solid var(--grey-color);
+ padding: 20px;
+ text-align: center
+}
+
+@media only screen and (min-width: 768px) {
+ .widget-component.svelte-lzzw66 {
+ margin-top: 40px
+ }
+}
+
+.dark-background div.livescores-fixture-row-loader {
+ border-top: 1px solid var(--dark-theme-1-shade)
+}
+
+div.pstat-row.svelte-1xee0oc.svelte-1xee0oc {
+ padding: 8px 0;
+ margin: 0 20px;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ position: relative
+}
+
+div.pstat-row.svelte-1xee0oc p.svelte-1xee0oc {
+ font-size: 14px;
+ display: flex
+}
+
+div.widget-component.svelte-peq55n.svelte-peq55n {
+ overflow: unset;
+ padding-bottom: 10px
+}
+
+#background-area-close.svelte-peq55n.svelte-peq55n {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+div#pstat-avg-rating-box.svelte-peq55n.svelte-peq55n {
+ padding: 0 20px
+}
+
+p#pstat-average-rating-main.svelte-peq55n.svelte-peq55n {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 12px;
+ padding: 1.5px 0;
+ max-height: 24px;
+ min-width: 44px;
+ max-width: 44px;
+ width: auto;
+ color: var(--white)
+}
+
+p#pstat-average-rating-main.rating_golden.svelte-peq55n.svelte-peq55n {
+ background-color: #ffb904 !important
+}
+
+p#pstat-average-rating-main.rating_silver.svelte-peq55n.svelte-peq55n {
+ background-color: #8c8c8c !important
+}
+
+p#pstat-average-rating-main.rating_bronze.svelte-peq55n.svelte-peq55n {
+ background-color: #dbb884 !important
+}
+
+p#pstat-average-rating-main.rating_nan.svelte-peq55n.svelte-peq55n {
+ background-color: var(--whitev2);
+ color: var(--grey)
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n.svelte-peq55n {
+ position: relative;
+ z-index: 1;
+ margin: 20px 20px 0;
+ width: auto;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+ justify-items: center;
+ direction: ltr;
+ gap: 5vw
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n div#pstat-overlay-rating-box.svelte-peq55n {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ z-index: -1;
+ width: 100%;
+ display: grid
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n div#pstat-overlay-rating-box hr#pstat-average.svelte-peq55n {
+ position: absolute;
+ border-color: var(--grey) !important;
+ background-color: var(--grey-color) !important;
+ border: none;
+ margin: unset;
+ border-bottom: dashed 1px
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n div#pstat-overlay-rating-box hr.pstat-grid-line.svelte-peq55n {
+ margin: 13px 0;
+ border-color: var(--grey-color) !important;
+ background-color: var(--grey-color) !important
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n div#pstat-overlay-rating-box hr.pstat-grid-line.svelte-peq55n:first-child {
+ margin-top: unset
+}
+
+div#pstat-last-fixtures-box.svelte-peq55n div#pstat-overlay-rating-box hr.pstat-grid-line.svelte-peq55n:last-child {
+ margin-bottom: unset
+}
+
+div.pstat-fix-rating-box.svelte-peq55n.svelte-peq55n {
+ position: relative;
+ min-height: 140px;
+ max-height: 140px;
+ width: 45px
+}
+
+div.pstat-fix-rating-box.svelte-peq55n p.pstat-fixture-rating.svelte-peq55n {
+ position: absolute
+}
+
+div#pstat-drop-main.svelte-peq55n.svelte-peq55n {
+ margin: 0 20px 20px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main.svelte-peq55n {
+ position: relative;
+ width: 100%;
+ margin-right: 16px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main.svelte-peq55n {
+ position: relative
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div.pstat-drop-btn.svelte-peq55n,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div.pstat-drop-btn.svelte-peq55n {
+ padding: 9px 16px 9px 20px;
+ border: 1px solid #cccccc;
+ box-sizing: border-box;
+ border-radius: 8px;
+ position: relative;
+ height: 44px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div.pstat-drop-btn:hover div#pstat-drop-main div#pstat-drop-season-main div.pstat-drop-btn.svelte-peq55n:hover {
+ border: 1px solid #8c8c8c !important
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-outer.svelte-peq55n,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-outer.svelte-peq55n {
+ position: absolute;
+ top: 115%;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ z-index: 10000;
+ max-height: 302px;
+ overflow-y: scroll;
+ padding-right: 6px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-outer.svelte-peq55n::-webkit-scrollbar,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-outer.svelte-peq55n::-webkit-scrollbar {
+ display: none
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-outer.svelte-peq55n::-webkit-scrollbar,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-outer.svelte-peq55n::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n {
+ max-height: 302px;
+ overflow-y: scroll
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar {
+ width: 4px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-track,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-thumb,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container .pstat-dropdown-row.svelte-peq55n,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container .pstat-dropdown-row.svelte-peq55n {
+ padding: 12px 20px
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container .pstat-dropdown-row.svelte-peq55n:hover,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container .pstat-dropdown-row.svelte-peq55n:hover {
+ cursor: pointer
+}
+
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-league-main div#more-top-leagues-list-container .pstat-dropdown-row:hover p.svelte-peq55n,
+div#pstat-drop-main.svelte-peq55n div#pstat-drop-season-main div#more-top-leagues-list-container .pstat-dropdown-row:hover p.svelte-peq55n {
+ color: #f5620f !important
+}
+
+p.activeLeague.svelte-peq55n.svelte-peq55n,
+p.activeSeason.svelte-peq55n.svelte-peq55n {
+ color: var(--primary) !important
+}
+
+div#pstat-season-box.svelte-peq55n div.pstat-group-opt.svelte-peq55n:first-child {
+ border: unset !important
+}
+
+div#pstat-season-box.svelte-peq55n div.pstat-group-opt.svelte-peq55n {
+ margin-top: 10px;
+ border-top: 1px solid var(--grey-color);
+ padding: 14px 20px
+}
+
+@media only screen and (min-width: 425px) {
+ div#pstat-last-fixtures-box.svelte-peq55n.svelte-peq55n {
+ gap: 5%
+ }
+}
+
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-league-main div#more-top-leagues-outer.svelte-peq55n,
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-season-main div#more-top-leagues-outer.svelte-peq55n {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d;
+ border-radius: 4px
+}
+
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-thumb,
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-thumb {
+ background: #999999 !important
+}
+
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-league-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-track,
+.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-season-main div#more-top-leagues-list-container.svelte-peq55n::-webkit-scrollbar-track {
+ background: #4b4b4b !important
+}
+
+.dark-background-1.svelte-peq55n div#pstat-last-fixtures-box div#pstat-overlay-rating-box hr#pstat-average.svelte-peq55n {
+ border-color: #a8a8a8 !important
+}
+
+div.dark-background-1.svelte-peq55n div#pstat-last-fixtures-box div#pstat-overlay-rating-box hr.svelte-peq55n {
+ border-color: var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1-shade) !important
+}
+
+div.dark-background-1.svelte-peq55n div.pstat-group-opt.svelte-peq55n {
+ border-top: 1px solid var(--dark-theme-1-shade) !important
+}
+
+div.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-league-main div.pstat-drop-btn.svelte-peq55n,
+div.dark-background-1.svelte-peq55n div#pstat-drop-main div#pstat-drop-season-main div.pstat-drop-btn.svelte-peq55n {
+ border: 1px solid var(--dark-theme-1-2-shade)
+}
+
+div.dark-background-1.svelte-peq55n p#pstat-average-rating-main.svelte-peq55n {
+ color: var(--dark-theme-1) !important
+}
+
+div.dark-background-1.svelte-peq55n p#pstat-average-rating-main.rating_nan.svelte-peq55n {
+ background-color: var(--dark-theme-1-shade) !important;
+ color: var(--dark-theme-1-3-shade) !important
+}
+
+svg.svelte-15s5qzc {
+ width: 100%;
+ height: 100%
+}
+
+.widget-component.svelte-y0yfuf {
+ padding: 20px
+}
+
+div.pteam-box-stat.svelte-y0yfuf {
+ border-left: 1px solid var(--grey-color);
+ padding-left: 16px
+}
+
+@media only screen and (min-width: 768px) {
+ .widget-component.svelte-y0yfuf {
+ margin-top: 40px
+ }
+}
+
+.dark-background div.pteam-box-stat {
+ border-color: var(--dark-theme-1-shade)
+}
+
+div.widget-component.svelte-1mnu27p.svelte-1mnu27p {
+ overflow: unset;
+ padding-bottom: unset
+}
+
+div#lineup-vector-box.svelte-1mnu27p.svelte-1mnu27p {
+ position: relative;
+ padding: 0 20px
+}
+
+div#lineup-vector-box.svelte-1mnu27p div#overlay-player-pos-box.svelte-1mnu27p {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ margin: 8px 20px;
+ padding: 15px
+}
+
+div#lineup-vector-box.svelte-1mnu27p div#overlay-player-pos-box .team-pos-box.svelte-1mnu27p {
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ background: #FFFFFF;
+ border: 1px solid #F5620F;
+ border-radius: 90px;
+ text-align: center;
+ padding: 7.5px
+}
+
+.GK.svelte-1mnu27p.svelte-1mnu27p {
+ left: 15px;
+ top: 0;
+ bottom: 0;
+ margin: auto
+}
+
+.LB.svelte-1mnu27p.svelte-1mnu27p {
+ top: 15px;
+ left: 10%
+}
+
+.CB.svelte-1mnu27p.svelte-1mnu27p {
+ top: 0;
+ bottom: 0;
+ left: 10%;
+ margin: auto
+}
+
+.RB.svelte-1mnu27p.svelte-1mnu27p {
+ bottom: 15px;
+ left: 10%
+}
+
+.DM.svelte-1mnu27p.svelte-1mnu27p {
+ top: 0;
+ bottom: 0;
+ left: 35%;
+ margin: auto
+}
+
+.RM.svelte-1mnu27p.svelte-1mnu27p {
+ bottom: 40px;
+ left: 65%
+}
+
+.LM.svelte-1mnu27p.svelte-1mnu27p {
+ top: 40px;
+ left: 65%
+}
+
+.CM.svelte-1mnu27p.svelte-1mnu27p {
+ top: 0;
+ bottom: 0;
+ left: 55%;
+ margin: auto
+}
+
+.AM.svelte-1mnu27p.svelte-1mnu27p {
+ top: 0;
+ bottom: 0;
+ left: 75%;
+ margin: auto
+}
+
+.CF.svelte-1mnu27p.svelte-1mnu27p {
+ top: 0;
+ bottom: 0;
+ right: 15px;
+ margin: auto
+}
+
+.RW.svelte-1mnu27p.svelte-1mnu27p {
+ bottom: 15px;
+ left: 75%
+}
+
+.LW.svelte-1mnu27p.svelte-1mnu27p {
+ top: 15px;
+ left: 75%
+}
+
+.team-pos-box.invisible.svelte-1mnu27p.svelte-1mnu27p {
+ visibility: hidden
+}
+
+div#pteam-bottom-data.svelte-1mnu27p.svelte-1mnu27p {
+ padding: 20px
+}
+
+div.pteam-box-stat.svelte-1mnu27p.svelte-1mnu27p {
+ border-left: 1px solid var(--grey-color);
+ padding-left: 16px
+}
+
+.dark-background-1.svelte-1mnu27p div#lineup-vector-box div#overlay-player-pos-box .team-pos-box.svelte-1mnu27p {
+ background-color: var(--dark-theme-1)
+}
+
+.dark-background-1.svelte-1mnu27p div.pteam-box-stat.svelte-1mnu27p {
+ border-color: var(--dark-theme-1-shade)
+}
+
+section#section-player-page.svelte-1ubr1yz {
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ padding-top: 12px !important;
+ align-items: start
+}
+
+div#widget-grid-display.svelte-1ubr1yz {
+ display: grid;
+ margin-top: 24px;
+ align-items: start
+}
+
+div.grid-display-column.svelte-1ubr1yz {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 24px
+}
+
+@media only screen and (min-width: 768px) {
+ div#widget-grid-display.svelte-1ubr1yz {
+ grid-template-columns: 1fr
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ div#widget-grid-display.svelte-1ubr1yz {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+@media only screen and (min-width: 1320px) {
+ div#widget-grid-display.svelte-1ubr1yz {
+ display: grid;
+ align-items: start;
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+#about-tour-widget-container-load.svelte-fd5ecs.svelte-fd5ecs {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available;
+ margin-top: 40px
+}
+
+#about-tour-widget-container-load.svelte-fd5ecs div#faq-section div.faq-row.svelte-fd5ecs:first-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 12px 12px 0 0 !important
+}
+
+#about-tour-widget-container-load.svelte-fd5ecs div#faq-section div.faq-row.svelte-fd5ecs:last-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 0 0 12px 12px !important
+}
+
+#about-tour-widget-container-load.svelte-fd5ecs div#faq-section div.faq-row.svelte-fd5ecs {
+ border: 1px solid #e6e6e6;
+ padding: 20px
+}
+
+@media only screen and (min-width: 767px) {
+ #about-tour-widget-container-load.svelte-fd5ecs.svelte-fd5ecs {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #about-tour-widget-container-load.svelte-fd5ecs.svelte-fd5ecs {
+ min-width: 100%
+ }
+}
+
+#about-tour-widget-container-load.dark-background-1.svelte-fd5ecs div#faq-section div.faq-row.svelte-fd5ecs {
+ border: 1px solid #616161 !important
+}
+
+#seo-widget-box.svelte-1v9clvq {
+ position: absolute;
+ z-index: -100;
+ top: -9999px;
+ left: -9999px
+}
+
+#no-widget-box.svelte-1v9clvq {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ text-align: center
+}
+
+div#about-tour-widget-container.widget-no-data-height.svelte-1v9clvq {
+ height: 832px
+}
+
+#about-tour-widget-container.svelte-1v9clvq {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ padding: 20px
+}
+
+#about-tour-widget-container a {
+ color: #f5620f !important;
+ width: fit-content !important;
+ margin: 0;
+ display: initial
+}
+
+#about-tour-widget-container section {
+ padding: 0 !important;
+ min-height: fit-content
+}
+
+#about-tour-widget-container section div:first-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 12px 12px 0 0 !important
+}
+
+#about-tour-widget-container section>div {
+ border: 1px solid #e6e6e6;
+ padding: 20px
+}
+
+#about-tour-widget-container section>div>h4 {
+ margin: 0 !important;
+ margin-bottom: 8px
+}
+
+#about-tour-widget-container section div.faq-body {
+ border: none !important
+}
+
+#about-tour-widget-container section hr {
+ display: none
+}
+
+#about-tour-widget-container section div:last-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 0 0 12px 12px !important
+}
+
+#about-tour-widget-container h3 {
+ font-size: 20px
+}
+
+#about-tour-widget-container h4,
+#about-tour-widget-container p {
+ font-size: 16px
+}
+
+#about-tour-widget-container section div.faq-body {
+ font-size: 14px
+}
+
+#about-tour-widget-container h1,
+#about-tour-widget-container h2,
+#about-tour-widget-container h3,
+#about-tour-widget-container h4 {
+ color: #292929 !important
+}
+
+#about-tour-widget-container p,
+#about-tour-widget-container section div.faq-body {
+ color: #8c8c8c !important
+}
+
+#about-tour-widget-container h3 {
+ margin: 20px 0 12px
+}
+
+#about-tour-widget-container section>div {
+ border: 1px solid #e6e6e6 !important
+}
+
+#about-tour-widget-container p {
+ margin-bottom: 14px
+}
+
+@media only screen and (max-width: 600px) {
+ #about-tour-widget-container .video-container>iframe {
+ width: 100%;
+ height: 250px;
+ border-radius: 20px
+ }
+}
+
+@media only screen and (min-width: 600px) {
+ #about-tour-widget-container .video-container>iframe {
+ width: 100%;
+ height: 470px;
+ border-radius: 20px
+ }
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #about-tour-widget-container.svelte-1v9clvq {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #about-tour-widget-container.svelte-1v9clvq {
+ min-width: 100%
+ }
+}
+
+#about-tour-widget-container.dark-background-1 h1,
+#about-tour-widget-container.dark-background-1 h2,
+#about-tour-widget-container.dark-background-1 h3,
+#about-tour-widget-container.dark-background-1 h4 {
+ color: #fff !important
+}
+
+#about-tour-widget-container.dark-background-1 p,
+#about-tour-widget-container.dark-background-1 section div.faq-body {
+ color: #a8a8a8 !important
+}
+
+#about-tour-widget-container.dark-background-1 section>div {
+ border: 1px solid #616161 !important
+}
+
+.no-widget-box.svelte-s7or2x {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px
+}
+
+#background-area-close.svelte-1jzfu5r.svelte-1jzfu5r {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+#leagues-table-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ padding: 20px 20px 0;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative
+}
+
+img#league-logo.svelte-1jzfu5r.svelte-1jzfu5r {
+ object-fit: contain;
+ width: 40px;
+ height: 40px
+}
+
+img#country-img.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 14px;
+ height: 14px;
+ border-radius: 50%;
+ border: 1px solid #e6e6e6;
+ object-fit: cover
+}
+
+div#dropdown-seasons.svelte-1jzfu5r.svelte-1jzfu5r {
+ padding: 4.5px 8px 4.5px 12px;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
+ position: relative;
+ cursor: pointer
+}
+
+div#dropdown-seasons.svelte-1jzfu5r.svelte-1jzfu5r:hover {
+ border: 1px solid #8c8c8c
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container.svelte-1jzfu5r {
+ position: absolute;
+ top: 115%;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ z-index: 10000;
+ max-height: 308px;
+ overflow-y: scroll;
+ padding-right: 6px;
+ left: 0
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container.svelte-1jzfu5r::-webkit-scrollbar {
+ display: none
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container.svelte-1jzfu5r::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container div#dropdown-list-inner-container.svelte-1jzfu5r {
+ max-height: 308px;
+ overflow-y: scroll
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1jzfu5r {
+ padding: 11px 20px
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1jzfu5r:hover {
+ cursor: pointer;
+ color: #f5620f !important
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-inner-container.svelte-1jzfu5r::-webkit-scrollbar {
+ width: 4px
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-inner-container.svelte-1jzfu5r::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#dropdown-seasons.svelte-1jzfu5r div#dropdown-list-inner-container.svelte-1jzfu5r::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+div#season-progressbar.svelte-1jzfu5r.svelte-1jzfu5r {
+ background: #e6e6e6;
+ border-radius: 10px;
+ max-width: 367px;
+ width: 100%
+}
+
+div#season-progressbar.svelte-1jzfu5r>div.svelte-1jzfu5r {
+ background-color: #f5620f;
+ height: 8px;
+ border-radius: 10px
+}
+
+div#betting-site-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 100%
+}
+
+div#betting-site-container.svelte-1jzfu5r img#sportbook-logo-img.svelte-1jzfu5r {
+ width: 100%;
+ height: 40px;
+ object-fit: none;
+ border-radius: 8px;
+ background-color: var(--league-info-bookmaker-bg-)
+}
+
+div#betting-site-container.svelte-1jzfu5r button.place-bet-btn.svelte-1jzfu5r {
+ height: 40px;
+ min-width: 120px;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-left: -12.5px
+}
+
+button#following-btn.svelte-1jzfu5r.svelte-1jzfu5r {
+ height: 40px;
+ background-color: transparent;
+ border: 1px solid #8c8c8c !important;
+ border-radius: 8px;
+ padding: 10px 30px;
+ width: 100%
+}
+
+button#following-btn.svelte-1jzfu5r.svelte-1jzfu5r:hover {
+ border: 1px solid #f5620f !important
+}
+
+button#following-btn.svelte-1jzfu5r:hover p.svelte-1jzfu5r {
+ color: #f5620f
+}
+
+div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container.svelte-1jzfu5r {
+ border-bottom: solid 2.5px transparent;
+ width: 100%;
+ text-align: center
+}
+
+div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container p.svelte-1jzfu5r {
+ padding-bottom: 12px
+}
+
+div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container.activeOpt.svelte-1jzfu5r {
+ border-color: #f5620f
+}
+
+div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container.activeOpt p.svelte-1jzfu5r {
+ color: #f5620f !important
+}
+
+#button-extra-info-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ position: relative
+}
+
+.extra-info-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ padding: 20px;
+ display: grid;
+ justify-items: stretch;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ text-align: center
+}
+
+.extra-info-container.svelte-1jzfu5r p.svelte-1jzfu5r {
+ color: #fff
+}
+
+.extra-info.svelte-1jzfu5r.svelte-1jzfu5r {
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ position: absolute;
+ top: 105%;
+ right: 0;
+ max-width: 289px;
+ width: 100%;
+ display: grid;
+ z-index: 100000000000;
+ justify-items: center;
+ overflow: hidden
+}
+
+.extra-info-img.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 100%;
+ object-fit: contain;
+ height: 40px
+}
+
+.btn-cta.svelte-1jzfu5r.svelte-1jzfu5r {
+ border-radius: 8px !important;
+ margin-top: 32px;
+ margin-bottom: 16px;
+ padding: 11.5px !important;
+ width: -webkit-fill-available
+}
+
+@media only screen and (min-width: 575px) and (max-width: 1000px) {
+ #leagues-table-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ min-width: 100%
+ }
+
+ button#following-btn.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 20px 20px 0 0
+ }
+}
+
+@media only screen and (min-width: 575px) {
+ img#league-logo.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 80px;
+ height: 80px
+ }
+
+ img#country-img.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+ border: 1px solid #e6e6e6
+ }
+
+ div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container.svelte-1jzfu5r {
+ border-bottom: solid 2.5px transparent;
+ width: auto
+ }
+
+ div#betting-site-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 289px
+ }
+
+ button#following-btn.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: auto
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #leagues-table-container.svelte-1jzfu5r.svelte-1jzfu5r {
+ min-width: 100%
+ }
+
+ div#view-tournaments-opt-container.svelte-1jzfu5r div.opt-container:hover p.svelte-1jzfu5r {
+ color: #292929 !important
+ }
+
+ .dark-background-1.svelte-1jzfu5r div#view-tournaments-opt-container div.opt-container:hover p.svelte-1jzfu5r {
+ color: #fff !important
+ }
+
+ div#season-progressbar.svelte-1jzfu5r.svelte-1jzfu5r {
+ width: 367px !important
+ }
+
+ .extra-info.svelte-1jzfu5r.svelte-1jzfu5r {
+ left: 0
+ }
+}
+
+.dark-background-1.svelte-1jzfu5r div#season-progressbar.svelte-1jzfu5r {
+ background: #616161 !important
+}
+
+.dark-background-1.svelte-1jzfu5r div#dropdown-seasons div#dropdown-list-main-container.svelte-1jzfu5r {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d;
+ border-radius: 4px
+}
+
+.dark-background-1.svelte-1jzfu5r div#dropdown-seasons div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1jzfu5r {
+ color: #fff
+}
+
+.dark-background-1.svelte-1jzfu5r div#dropdown-seasons div#dropdown-list-inner-container.svelte-1jzfu5r::-webkit-scrollbar-thumb {
+ background: #999999 !important
+}
+
+.dark-background-1.svelte-1jzfu5r div#dropdown-seasons div#dropdown-list-inner-container.svelte-1jzfu5r::-webkit-scrollbar-track {
+ background: #4b4b4b !important
+}
+
+.dark-background-1.svelte-1jzfu5r div#dropdown-seasons.svelte-1jzfu5r {
+ border: 1px solid #737373
+}
+
+#leagues-table-container-loader.svelte-1s2pmb0 {
+ min-width: 100%;
+ padding: 20px 20px 0;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%
+}
+
+#seo-widget-box.svelte-1dy277e.svelte-1dy277e {
+ position: absolute;
+ z-index: -100;
+ top: -9999px;
+ left: -9999px
+}
+
+#no-widget-box.svelte-1dy277e.svelte-1dy277e {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ text-align: center
+}
+
+div#top-players-widget-container.widget-no-data-height.svelte-1dy277e.svelte-1dy277e {
+ height: 832px
+}
+
+#top-players-widget-container.svelte-1dy277e.svelte-1dy277e {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ padding: 20px
+}
+
+div.league-info-row.svelte-1dy277e.svelte-1dy277e {
+ padding: 14px 0 4px;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div.league-info-row.svelte-1dy277e.svelte-1dy277e:first-child {
+ padding: 0 0 4px
+}
+
+div.league-info-row.svelte-1dy277e.svelte-1dy277e:last-child {
+ border-bottom: none
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #top-players-widget-container.svelte-1dy277e.svelte-1dy277e {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #top-players-widget-container.svelte-1dy277e.svelte-1dy277e {
+ min-width: 100%
+ }
+}
+
+.dark-background-1.svelte-1dy277e div.league-info-row.svelte-1dy277e {
+ border-bottom: 1px solid #616161
+}
+
+.league-table-team-row.svelte-18377zx.svelte-18377zx {
+ padding: 6px 20px;
+ background-color: #fff
+}
+
+.league-table-team-row.svelte-18377zx #image-contaier.svelte-18377zx {
+ width: 24px;
+ height: 24px;
+ position: relative
+}
+
+.league-table-team-row.svelte-18377zx #image-contaier img.team-img.svelte-18377zx {
+ width: 24px;
+ height: 24px;
+ object-fit: contain
+}
+
+.league-table-team-row.svelte-18377zx div.team-pos.svelte-18377zx {
+ width: 20px;
+ height: 20px;
+ margin-right: 16px;
+ position: relative;
+ border-radius: 50%
+}
+
+.league-table-team-row.svelte-18377zx div.team-pos p.svelte-18377zx {
+ position: absolute;
+ margin: auto;
+ min-width: 20px;
+ text-align: center;
+ height: 20px;
+ border-radius: 30px;
+ padding: .5px 7px;
+ color: #fff
+}
+
+tr.svelte-18377zx td.svelte-18377zx {
+ padding-top: 16px !important;
+ padding: 0 5px
+}
+
+tr.svelte-18377zx td.svelte-18377zx:not(:first-child) {
+ text-align: center
+}
+
+tr.svelte-18377zx td.svelte-18377zx:first-child {
+ padding-left: 20px
+}
+
+tr.svelte-18377zx td.svelte-18377zx:last-child {
+ padding-right: 20px
+}
+
+.border-pos.svelte-18377zx.svelte-18377zx {
+ color: #000 !important;
+ border: 1px solid #e6e6e6
+}
+
+div.recent-form-dot.svelte-18377zx.svelte-18377zx {
+ border-radius: 50%;
+ height: 12px;
+ width: 12px
+}
+
+div.recent-form-dot.draw.svelte-18377zx.svelte-18377zx {
+ background-color: #8c8c8c
+}
+
+div.recent-form-dot.win.svelte-18377zx.svelte-18377zx {
+ background-color: #59c65d
+}
+
+div.recent-form-dot.lost.svelte-18377zx.svelte-18377zx {
+ background-color: #ff3c3c
+}
+
+div.recent-form-dot.svelte-18377zx.svelte-18377zx:last-child {
+ margin-right: 0
+}
+
+@media only screen and (max-width: 475px) {
+ .league-table-team-row.svelte-18377zx div.team-pos.svelte-18377zx {
+ margin-right: 10px
+ }
+
+ tr.svelte-18377zx td p.svelte-18377zx {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 85px
+ }
+
+ tr.svelte-18377zx td.svelte-18377zx:last-child {
+ text-align: end
+ }
+}
+
+@media only screen and (min-width: 475px) and (max-width: 1000px) {
+ div.team-name.svelte-18377zx p.svelte-18377zx {
+ white-space: normal
+ }
+}
+
+@media only screen and (min-width: 821px) {
+ tr.svelte-18377zx td.svelte-18377zx:first-child {
+ padding-left: 0
+ }
+
+ tr.svelte-18377zx td.svelte-18377zx:last-child {
+ padding-right: 0
+ }
+}
+
+.dark-background-1.svelte-18377zx div.recent-form-dot.lost.svelte-18377zx {
+ background: #ff5959
+}
+
+.dark-background-1.svelte-18377zx div.recent-form-dot.draw.svelte-18377zx {
+ background: #a8a8a8
+}
+
+.dark-background-1.svelte-18377zx .border-pos.svelte-18377zx {
+ color: #fff !important;
+ border: 1px solid #616161 !important
+}
+
+.dark-background-1.svelte-18377zx p.svelte-18377zx {
+ color: #fff
+}
+
+.yes.svelte-o1efrc,
+.yes_2.svelte-o1efrc {
+ width: auto
+}
+
+#standings-table-container.svelte-o1efrc {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ margin-top: 40px
+}
+
+div.teams-row.svelte-o1efrc {
+ padding: 10px 0
+}
+
+@media only screen and (max-width: 725px) {
+ #standings-table-container.svelte-o1efrc {
+ padding: 20px 0
+ }
+
+ div.teams-row.svelte-o1efrc {
+ padding: 10px 20px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ #standings-table-container.svelte-o1efrc {
+ margin-top: 40px
+ }
+}
+
+#background-area-close.svelte-19e7err.svelte-19e7err {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+#no-widget-box.svelte-19e7err.svelte-19e7err {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ text-align: center
+}
+
+div#ss-box.svelte-19e7err.svelte-19e7err {
+ position: relative;
+ min-width: 171px;
+ height: 40px;
+ border: 1px solid var(--grey);
+ border-radius: 8px;
+ padding: 10px 20px;
+ cursor: pointer;
+ margin: 20px
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main.svelte-19e7err {
+ position: absolute;
+ top: 115%;
+ right: 0;
+ z-index: 10000;
+ width: 100%;
+ background-color: var(--white);
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ max-height: 308px;
+ overflow-y: scroll;
+ padding-right: 6px
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main.svelte-19e7err::-webkit-scrollbar {
+ display: none
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main.svelte-19e7err::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner.svelte-19e7err {
+ max-height: 308px;
+ overflow-y: scroll
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner p.stage-opt.svelte-19e7err {
+ padding: 11px 20px
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner p.stage-opt.svelte-19e7err:hover {
+ cursor: pointer;
+ color: #f5620f !important
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar {
+ width: 4px
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#ss-box.svelte-19e7err div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+#standings-table-container.svelte-19e7err.svelte-19e7err {
+ padding: 0 0 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative
+}
+
+div#standings-view-box.svelte-19e7err.svelte-19e7err {
+ padding: 20px 20px 0;
+ width: -webkit-fill-available
+}
+
+div.stand-view-opt-box.svelte-19e7err.svelte-19e7err {
+ border: 1px solid #cccccc;
+ padding: 10px 30px;
+ width: inherit;
+ text-align: center
+}
+
+div.stand-view-opt-box.activeOpt.svelte-19e7err.svelte-19e7err {
+ border: 1px solid #f5620f
+}
+
+div.stand-view-opt-box.activeOpt.svelte-19e7err p.svelte-19e7err {
+ color: #f5620f !important
+}
+
+div.stand-view-opt-box.svelte-19e7err:hover p.svelte-19e7err {
+ color: #292929 !important
+}
+
+div.stand-view-opt-box.svelte-19e7err.svelte-19e7err:first-child {
+ border-radius: 8px 0 0 8px
+}
+
+div.stand-view-opt-box.svelte-19e7err.svelte-19e7err:last-child {
+ border-radius: 0 8px 8px 0
+}
+
+div.stand-view-opt-box.total_view_only.svelte-19e7err.svelte-19e7err {
+ border-radius: 8px !important
+}
+
+table.standings_table.svelte-19e7err.svelte-19e7err {
+ text-align: left;
+ border-collapse: collapse;
+ margin-bottom: 20px
+}
+
+table.standings_table.svelte-19e7err .row-head.svelte-19e7err {
+ background: #f2f2f2;
+ border-radius: 2px
+}
+
+table.standings_table.svelte-19e7err .row-head th.svelte-19e7err {
+ padding: 7px 5px;
+ vertical-align: middle;
+ border: none !important;
+ text-align: center;
+ position: relative
+}
+
+table.standings_table.svelte-19e7err .row-head th.svelte-19e7err:first-child {
+ padding-left: 20px;
+ text-align: left
+}
+
+table.standings_table.svelte-19e7err .row-head th.svelte-19e7err:last-child {
+ padding-right: 20px;
+ text-align: right
+}
+
+table.standings_table.svelte-19e7err .row-head .tooltip-extra-info.svelte-19e7err {
+ visibility: hidden;
+ position: absolute;
+ background: #4b4b4b;
+ border-radius: 4px;
+ padding: 9px 12px;
+ bottom: 80%;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translate(-50%)
+}
+
+table.standings_table.svelte-19e7err .row-head th:hover .tooltip-extra-info.svelte-19e7err {
+ visibility: visible !important
+}
+
+div#betting-site-container.svelte-19e7err.svelte-19e7err {
+ width: 100%
+}
+
+div#betting-site-container.svelte-19e7err img#sportbook-logo-img.svelte-19e7err {
+ width: 100%;
+ height: 40px;
+ object-fit: none;
+ border-radius: 8px;
+ background-color: var(--league-info-bookmaker-bg-);
+ object-position: left
+}
+
+div#betting-site-container.svelte-19e7err button.place-bet-btn.svelte-19e7err {
+ height: 40px;
+ min-width: 120px;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-left: -12.5px
+}
+
+#button-extra-info-container.svelte-19e7err.svelte-19e7err {
+ position: relative;
+ margin: 0 20px
+}
+
+.extra-info-container.svelte-19e7err.svelte-19e7err {
+ padding: 20px;
+ display: grid;
+ justify-items: stretch;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ text-align: center
+}
+
+.extra-info-container.svelte-19e7err p.svelte-19e7err {
+ color: #fff
+}
+
+.extra-info.svelte-19e7err.svelte-19e7err {
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ position: absolute;
+ top: 105%;
+ right: 0;
+ max-width: 289px;
+ width: 100%;
+ display: grid;
+ z-index: 100000000000;
+ justify-items: center;
+ overflow: hidden
+}
+
+.extra-info-img.svelte-19e7err.svelte-19e7err {
+ width: 100%;
+ object-fit: contain;
+ height: 40px
+}
+
+.btn-cta.svelte-19e7err.svelte-19e7err {
+ border-radius: 8px !important;
+ margin-top: 32px;
+ margin-bottom: 16px;
+ padding: 11.5px !important;
+ width: -webkit-fill-available
+}
+
+div#mobile-table-box.svelte-19e7err.svelte-19e7err {
+ padding: 12px;
+ background: #f2f2f2;
+ border-radius: 48px;
+ margin: 0 20px 12px;
+ width: auto
+}
+
+div#mobile-table-box.svelte-19e7err button.table-nav-btn.svelte-19e7err {
+ border-radius: 50%;
+ background: #4b4b4b;
+ width: 32px;
+ height: 32px;
+ padding: 6px
+}
+
+div#mobile-table-box.svelte-19e7err button.table-nav-btn.svelte-19e7err:disabled {
+ opacity: .2
+}
+
+tr.group-row-head.svelte-19e7err td.svelte-19e7err {
+ padding: 16px 0 0
+}
+
+tr.group-row-head.svelte-19e7err td.svelte-19e7err {
+ padding-left: 20px;
+ padding-right: 20px
+}
+
+tr.group-row-head.svelte-19e7err td p.group-head-text.svelte-19e7err {
+ font-size: 16px
+}
+
+table.standings_table.svelte-19e7err tr:nth-of-type(2) td div.table-divider.svelte-19e7err {
+ display: none !important
+}
+
+table.standings_table.svelte-19e7err tr.group-row-head td div.table-divider.svelte-19e7err,
+table.standings_table.svelte-19e7err tr.row-divider td div.table-divider.svelte-19e7err {
+ height: 1px;
+ width: 100%;
+ background: #e6e6e6
+}
+
+table.standings_table.svelte-19e7err tr.group-row-head td div.table-divider.svelte-19e7err {
+ margin-bottom: 16px
+}
+
+table.standings_table.svelte-19e7err tr.row-divider td div.table-divider.svelte-19e7err {
+ margin-top: 24px
+}
+
+tr.row-divider.svelte-19e7err td.svelte-19e7err {
+ padding-left: 20px;
+ padding-right: 20px
+}
+
+@media only screen and (min-width: 821px) and (max-width: 1000px) {
+ #standings-table-container.svelte-19e7err.svelte-19e7err {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 821px) {
+ table.standings_table.svelte-19e7err.svelte-19e7err {
+ margin: 20px
+ }
+
+ table.standings_table.svelte-19e7err .row-head th.svelte-19e7err:first-child {
+ padding-left: 10px
+ }
+
+ table.standings_table.svelte-19e7err .row-head th.svelte-19e7err:last-child {
+ padding-right: 10px
+ }
+
+ div#standings-view-box.svelte-19e7err.svelte-19e7err {
+ width: auto
+ }
+
+ div.stand-view-opt-box.svelte-19e7err.svelte-19e7err {
+ width: auto;
+ text-align: center
+ }
+
+ tr.group-row-head.svelte-19e7err td.svelte-19e7err,
+ tr.row-divider.svelte-19e7err td.svelte-19e7err {
+ padding-left: 0;
+ padding-right: 0
+ }
+
+ div#ss-box.svelte-19e7err.svelte-19e7err {
+ margin: unset
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #standings-table-container.svelte-19e7err.svelte-19e7err {
+ min-width: 100%
+ }
+}
+
+.dark-background-1.svelte-19e7err table.standings_table .row-head.svelte-19e7err {
+ background-color: #616161 !important
+}
+
+.dark-background-1.svelte-19e7err div.stand-view-opt-box:hover p.svelte-19e7err {
+ color: #fff !important
+}
+
+.dark-background-1.svelte-19e7err div#mobile-table-box.svelte-19e7err {
+ background: #616161
+}
+
+.dark-background-1.svelte-19e7err div#mobile-table-box button.table-nav-btn.svelte-19e7err {
+ background: #a8a8a8
+}
+
+.dark-background-1.svelte-19e7err div#mobile-table-box p.svelte-19e7err {
+ color: #fff
+}
+
+.dark-background-1.svelte-19e7err table.standings_table .row-head .tooltip-extra-info.svelte-19e7err {
+ background: #616161;
+ box-shadow: 0 4px 16px #00000014
+}
+
+.dark-background-1.svelte-19e7err table.standings_table tr.group-row-head td div.table-divider.svelte-19e7err,
+.dark-background-1.svelte-19e7err table.standings_table tr.row-divider td div.table-divider.svelte-19e7err {
+ height: 1px;
+ width: 100%;
+ background: #616161
+}
+
+.dark-background-1.svelte-19e7err div#ss-box div#ssdb-main.svelte-19e7err {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d
+}
+
+.dark-background-1.svelte-19e7err div#ss-box div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar {
+ width: 4px
+}
+
+.dark-background-1.svelte-19e7err div#ss-box div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar-track {
+ background: var(--dark-theme-1) !important
+}
+
+.dark-background-1.svelte-19e7err div#ss-box div#ssdb-main div#ssdb-inner.svelte-19e7err::-webkit-scrollbar-thumb {
+ background: var(--dark-theme-1-3-shade) !important
+}
+
+#best-goalscorer-container.svelte-1hnhwmf {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden;
+ padding: 20px;
+ margin-top: 40px
+}
+
+.best-player-row.svelte-1hnhwmf {
+ padding: 10px 0
+}
+
+@media only screen and (max-width: 475px) {
+ .best-player-row.svelte-1hnhwmf:first-child {
+ padding-top: 24px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ #best-goalscorer-container.svelte-1hnhwmf {
+ margin-top: 40px
+ }
+}
+
+.best-player-row.svelte-bcdizs.svelte-bcdizs {
+ padding: 12.5px 20px;
+ background-color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+.best-player-row.svelte-bcdizs #image-contaier.svelte-bcdizs {
+ position: relative
+}
+
+.best-player-row.svelte-bcdizs #image-contaier img#player-img.svelte-bcdizs {
+ width: 40px;
+ height: 40px;
+ object-fit: contain;
+ border-radius: 50%;
+ border: 1px solid #cccccc
+}
+
+.best-player-row.svelte-bcdizs #image-contaier img#team-img.svelte-bcdizs {
+ width: 20px;
+ height: 20px;
+ object-fit: contain;
+ position: absolute;
+ right: -5px;
+ bottom: 0
+}
+
+.best-player-row.svelte-bcdizs div.pos-number-player-box.svelte-bcdizs {
+ width: 8px;
+ margin-right: 24px;
+ position: relative
+}
+
+.best-player-row.svelte-bcdizs div.pos-number-player-box p.svelte-bcdizs {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 50%;
+ right: 50%;
+ margin: auto;
+ height: 21px
+}
+
+a.enabeld-anchor.svelte-bcdizs:hover p.player-name.svelte-bcdizs {
+ color: var(--primary) !important
+}
+
+.best-player-row.svelte-bcdizs p#box-goals.svelte-bcdizs {
+ background-color: #fff;
+ border: 1px solid #e6e6e6;
+ box-sizing: border-box;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+.best-player-row.svelte-bcdizs p#box-goals.rating_green.svelte-bcdizs {
+ background-color: #59c65d !important;
+ color: #fff;
+ border: 1px solid transparent
+}
+
+.best-player-row.svelte-bcdizs p#box-goals.rating_yellow.svelte-bcdizs {
+ background-color: #ffb904 !important;
+ color: #fff;
+ border: 1px solid transparent
+}
+
+.best-player-row.svelte-bcdizs p#box-goals.rating_grey.svelte-bcdizs {
+ background-color: #f2f2f2 !important;
+ color: #8c8c8c;
+ border: 1px solid transparent
+}
+
+@media only screen and (max-width: 375px) {
+ p.player-name.svelte-bcdizs.svelte-bcdizs {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 150px;
+ width: auto !important
+ }
+}
+
+@media only screen and (max-width: 425px) {
+ p.player-name.svelte-bcdizs.svelte-bcdizs {
+ width: 150px
+ }
+}
+
+@media only screen and (max-width: 475px) {
+ .best-player-row.svelte-bcdizs.svelte-bcdizs:first-child {
+ padding-top: 24px
+ }
+}
+
+@media only screen and (min-width: 1160px) and (max-width: 1240px) {
+ p.player-name.svelte-bcdizs.svelte-bcdizs {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 135px;
+ width: 135px
+ }
+}
+
+@media only screen and (min-width: 1240px) {
+ p.player-name.svelte-bcdizs.svelte-bcdizs {
+ width: 200px
+ }
+}
+
+div.dark-background-1.best-player-row.svelte-bcdizs.svelte-bcdizs {
+ box-shadow: inset 0 0 #616161 !important;
+ background-color: #4b4b4b !important
+}
+
+.dark-background-1.best-player-row.svelte-bcdizs #image-contaier img#player-img.svelte-bcdizs {
+ border: 1px solid #999999 !important
+}
+
+.dark-background-1.best-player-row.svelte-bcdizs p#box-goals.svelte-bcdizs {
+ background: #4b4b4b;
+ border: 1px solid #616161
+}
+
+.dark-background-1.best-player-row.svelte-bcdizs p#box-goals.rating_grey.svelte-bcdizs {
+ background-color: #616161 !important;
+ color: #a8a8a8;
+ border: 1px solid transparent
+}
+
+.dark-background-1.svelte-bcdizs p.svelte-bcdizs {
+ color: #fff
+}
+
+#background-area-close.svelte-1btl20a.svelte-1btl20a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+.color-primary.svelte-1btl20a.svelte-1btl20a {
+ color: #f5620f !important
+}
+
+div#top-players-widget-container.widget-no-data-height.svelte-1btl20a.svelte-1btl20a {
+ height: 832px
+}
+
+#top-players-widget-container.svelte-1btl20a.svelte-1btl20a {
+ padding: 0;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative
+}
+
+div#widget-title-row.svelte-1btl20a.svelte-1btl20a {
+ background-color: #f2f2f2;
+ border-radius: 2px;
+ padding: 7px 16px 7px 9px;
+ margin: 16px 20px 10px
+}
+
+div#more-top-leagues-outer.svelte-1btl20a.svelte-1btl20a {
+ position: absolute;
+ top: 115%;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ z-index: 10000;
+ max-height: 302px;
+ overflow-y: scroll;
+ padding-right: 6px
+}
+
+div#more-top-leagues-outer.svelte-1btl20a.svelte-1btl20a::-webkit-scrollbar {
+ display: none
+}
+
+div#more-top-leagues-outer.svelte-1btl20a.svelte-1btl20a::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#dropdown-top-players-container.svelte-1btl20a.svelte-1btl20a {
+ position: relative;
+ margin: 0 20px;
+ padding-top: 20px
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#dropdown-box-select.svelte-1btl20a {
+ padding: 9px 20px;
+ border: 1px solid #cccccc;
+ box-sizing: border-box;
+ border-radius: 8px;
+ position: relative;
+ height: 40px
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#dropdown-box-select.svelte-1btl20a:hover {
+ border: 1px solid #8c8c8c !important
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a {
+ max-height: 302px;
+ overflow-y: scroll
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container .top-league-container.svelte-1btl20a {
+ padding: 12px 20px
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container .top-league-container.svelte-1btl20a:hover {
+ cursor: pointer
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container .top-league-container:hover p.svelte-1btl20a {
+ color: #f5620f !important
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a::-webkit-scrollbar {
+ width: 4px
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#dropdown-top-players-container.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+#show-more-box.svelte-1btl20a.svelte-1btl20a {
+ padding: 25px 0;
+ text-align: center;
+ white-space: nowrap;
+ color: var(--primary);
+ box-shadow: inset 0 1px #ebebeb;
+ cursor: pointer
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #top-players-widget-container.svelte-1btl20a.svelte-1btl20a {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #top-players-widget-container.svelte-1btl20a.svelte-1btl20a {
+ min-width: 100%
+ }
+
+ div#widget-outer.svelte-1btl20a.svelte-1btl20a {
+ margin-top: 0
+ }
+
+ div#widget-title-row.svelte-1btl20a.svelte-1btl20a {
+ margin: 20px 20px 12.5px
+ }
+}
+
+.dark-background-1.svelte-1btl20a div#widget-title-row.svelte-1btl20a {
+ background-color: #616161 !important
+}
+
+.dark-background-1.svelte-1btl20a p#show-more-box.svelte-1btl20a {
+ box-shadow: inset 0 1px #616161 !important
+}
+
+.dark-background-1.svelte-1btl20a div.stand-view-opt-box:hover p.svelte-1btl20a {
+ color: #fff !important
+}
+
+.dark-background-1.svelte-1btl20a div#mobile-table-box p.svelte-1btl20a {
+ color: #fff
+}
+
+.dark-background-1.svelte-1btl20a div#more-top-leagues-outer.svelte-1btl20a {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d;
+ border-radius: 4px
+}
+
+.dark-background-1.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a::-webkit-scrollbar-thumb {
+ background: #999999 !important
+}
+
+.dark-background-1.svelte-1btl20a div#more-top-leagues-list-container.svelte-1btl20a::-webkit-scrollbar-track {
+ background: #4b4b4b !important
+}
+
+div#tournaments-page-breadcrumbs.svelte-w0bp2w>p.svelte-w0bp2w.svelte-w0bp2w {
+ color: #8c8c8c !important
+}
+
+div#tournaments-page-breadcrumbs.svelte-w0bp2w a.svelte-w0bp2w>p.svelte-w0bp2w:hover {
+ color: #f5620f !important
+}
+
+#content-loader-box.svelte-ksghzb {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ margin-top: 40px
+}
+
+#background-area-close.svelte-1qa0ci8.svelte-1qa0ci8 {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+div#fixtures-odds-top-container.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 20px 20px 0
+}
+
+div#fix-odds-view-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: -webkit-fill-available
+}
+
+div.fix-odds-view-opt-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border: 1px solid #cccccc;
+ padding: 10px 30px;
+ width: inherit;
+ text-align: center
+}
+
+div.fix-odds-view-opt-box.activeOpt.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border: 1px solid #f5620f !important
+}
+
+div.fix-odds-view-opt-box.activeOpt.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ color: #f5620f !important
+}
+
+div.fix-odds-view-opt-box.svelte-1qa0ci8:hover p.svelte-1qa0ci8 {
+ color: #292929 !important
+}
+
+div.fix-odds-view-opt-box.svelte-1qa0ci8.svelte-1qa0ci8:first-child {
+ border-radius: 8px 0 0 8px
+}
+
+div.fix-odds-view-opt-box.svelte-1qa0ci8.svelte-1qa0ci8:last-child {
+ border-radius: 0 8px 8px 0
+}
+
+div#widget-round-week-select.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: fit-content
+}
+
+div#widget-round-week-select.svelte-1qa0ci8 input[type=radio].svelte-1qa0ci8 {
+ width: 1.3em;
+ height: 1.3em;
+ background-color: #fff;
+ border-radius: 50%;
+ border: 1px solid #cccccc;
+ -webkit-appearance: none;
+ cursor: pointer
+}
+
+div#widget-round-week-select.svelte-1qa0ci8 input[type=radio].svelte-1qa0ci8:checked {
+ background-color: #f5620f;
+ border: 2px solid white;
+ box-shadow: 0 0 0 1px #f5620f
+}
+
+div#dropdown-seasons.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border-radius: 4px;
+ position: relative;
+ cursor: pointer;
+ width: 98px
+}
+
+div#dropdown-seasons.svelte-1qa0ci8:hover p.svelte-1qa0ci8 {
+ color: #000
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-main-container.svelte-1qa0ci8 {
+ position: absolute;
+ top: 115%;
+ width: auto;
+ min-width: 100%;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ z-index: 10000;
+ max-height: 308px;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ padding-right: 6px;
+ right: 0
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-main-container.svelte-1qa0ci8::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+ display: none
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-main-container div#dropdown-list-inner-container.svelte-1qa0ci8 {
+ max-height: 308px;
+ overflow-y: scroll;
+ overflow-x: hidden
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1qa0ci8 {
+ padding: 11px 2px 11px 8px;
+ white-space: nowrap;
+ text-align: center
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1qa0ci8:hover {
+ cursor: pointer;
+ color: #f5620f !important
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-inner-container.svelte-1qa0ci8::-webkit-scrollbar {
+ width: 4px
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-inner-container.svelte-1qa0ci8::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#dropdown-seasons.svelte-1qa0ci8 div#dropdown-list-inner-container.svelte-1qa0ci8::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+div#mobile-table-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 5px 12px;
+ background: #f2f2f2;
+ border-radius: 48px;
+ margin: 0 20px 12px;
+ width: auto
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button.table-nav-btn.svelte-1qa0ci8 {
+ border-radius: 50%;
+ background-color: #4b4b4b;
+ width: 32px;
+ height: 32px;
+ padding: 6px
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button.table-nav-btn.svelte-1qa0ci8:disabled {
+ opacity: .2
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button#left-btn.svelte-1qa0ci8 {
+ width: 32px;
+ height: 32px;
+ background-image: url(/_app/immutable/assets/slider-left.c94cceb5.svg);
+ background-size: 20px;
+ background-position: center;
+ background-repeat: no-repeat
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button#left-btn.svelte-1qa0ci8:hover {
+ background-image: url(/_app/immutable/assets/slider-left-hover.11737001.svg)
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button#right-btn.svelte-1qa0ci8 {
+ width: 32px;
+ height: 32px;
+ background-image: url(/_app/immutable/assets/slider-right.c720c8f1.svg);
+ background-size: 20px;
+ background-position: center;
+ background-repeat: no-repeat
+}
+
+div#mobile-table-box.svelte-1qa0ci8 button#right-btn.svelte-1qa0ci8:hover {
+ background-image: url(/_app/immutable/assets/slider-right-hover.2867094d.svg)
+}
+
+div.group-fixture-date.svelte-1qa0ci8.svelte-1qa0ci8 {
+ background: #f2f2f2;
+ padding: 7px 20px
+}
+
+div.fixture-row.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 5px 12px
+}
+
+div.fixture-time-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: 37px;
+ margin-right: 8px
+}
+
+div.fixture-time-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-size: 12px
+}
+
+div.fixture-teams-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border-left: 1px #e6e6e6 solid;
+ padding-left: 8px
+}
+
+div.fixture-teams-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-weight: 400
+}
+
+div.fixtures-scores-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ margin-left: 10px
+}
+
+div.fixtures-scores-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-weight: 400
+}
+
+div.media-play-btn.svelte-1qa0ci8.svelte-1qa0ci8 {
+ display: flex;
+ padding: 4px;
+ margin-right: 5px;
+ border: 1px solid #cccccc;
+ border-radius: 50%
+}
+
+div.media-play-btn.svelte-1qa0ci8 img.svelte-1qa0ci8 {
+ width: 6px;
+ height: 6px
+}
+
+div.tip-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 2.5px 7px;
+ border-radius: 4px;
+ margin-right: 5px;
+ border: 1px solid #cccccc
+}
+
+div.tip-box.svelte-1qa0ci8.svelte-1qa0ci8:hover {
+ border: 1px solid #f5620f !important
+}
+
+div.tip-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-size: 10px
+}
+
+div.tip-box.svelte-1qa0ci8:hover p.svelte-1qa0ci8 {
+ color: #f5620f
+}
+
+img#sportbook-logo-img.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: 20px;
+ height: 20px;
+ object-fit: contain;
+ border-radius: 4px;
+ object-position: left
+}
+
+div.odds-head.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ margin-right: 13px
+}
+
+div.odds-head.svelte-1qa0ci8 p.svelte-1qa0ci8:last-child {
+ margin-right: 0
+}
+
+div.main-bet-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ margin-left: 6px
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box.svelte-1qa0ci8 {
+ border-radius: 4px;
+ border: 1px solid #cccccc;
+ overflow: hidden;
+ max-height: 40px;
+ max-width: 40px
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box.svelte-1qa0ci8:hover {
+ border: 1px solid #f5620f !important
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box:hover p.svelte-1qa0ci8 {
+ color: #f5620f !important
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box:hover img.svelte-1qa0ci8 {
+ border-top: 1px solid #f5620f !important
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box img.svelte-1qa0ci8 {
+ object-fit: cover;
+ border-top: 1px solid #cccccc;
+ width: 40px;
+ height: 20px
+}
+
+div.main-bet-box.svelte-1qa0ci8 div.bet-site-box p.svelte-1qa0ci8 {
+ padding: 2px 0
+}
+
+div.no-odds-available-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border: 1px solid #cccccc;
+ padding: 8px 0;
+ border-radius: 4px;
+ min-width: 130px;
+ max-height: 40px;
+ margin-left: 13px
+}
+
+span.visibility-none.svelte-1qa0ci8.svelte-1qa0ci8 {
+ visibility: hidden
+}
+
+div#fixtures-odds-widget-container.widget-no-data-height.svelte-1qa0ci8.svelte-1qa0ci8 {
+ height: 832px
+}
+
+#fixtures-odds-widget-container.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 0 0 16px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #fixtures-odds-widget-container.svelte-1qa0ci8.svelte-1qa0ci8 {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div.fix-odds-view-opt-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ text-align: center
+ }
+
+ div.fixture-row.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 5px 20px;
+ max-height: 56px;
+ height: 56px
+ }
+
+ div.fixture-time-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ min-width: 47px;
+ margin-right: 16px
+ }
+
+ div.fixture-time-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-size: 14px
+ }
+
+ div.fixture-teams-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ border-left: 1px #e6e6e6 solid;
+ padding-left: 16px
+ }
+
+ div.fixture-teams-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-weight: 500
+ }
+
+ div.fixtures-scores-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ margin-left: 24px
+ }
+
+ div.fixtures-scores-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-weight: 500
+ }
+
+ div.tip-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 6px 12px;
+ margin-right: 16px
+ }
+
+ div.tip-box.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ font-size: 12px
+ }
+
+ div.media-play-btn.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 9px;
+ margin-right: 16px
+ }
+
+ div.media-play-btn.svelte-1qa0ci8 img.svelte-1qa0ci8 {
+ width: 14px;
+ height: 14px
+ }
+
+ img#sportbook-logo-img.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: 30px;
+ height: 30px
+ }
+
+ div.odds-head.svelte-1qa0ci8 p.svelte-1qa0ci8 {
+ margin-right: 24px
+ }
+
+ div.odds-head.svelte-1qa0ci8 p.svelte-1qa0ci8:last-child {
+ margin-right: 10px
+ }
+
+ div.main-bet-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ margin-left: 24px
+ }
+
+ div.main-bet-box.svelte-1qa0ci8 div.bet-site-box.svelte-1qa0ci8 {
+ max-height: 48px;
+ max-width: 48px
+ }
+
+ div.main-bet-box.svelte-1qa0ci8 div.bet-site-box img.svelte-1qa0ci8 {
+ width: 48px;
+ height: 24px
+ }
+
+ div.no-odds-available-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ padding: 13px 20px;
+ min-width: 154px;
+ max-height: 48px;
+ margin-left: 24px
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ div#fix-odds-view-box.svelte-1qa0ci8.svelte-1qa0ci8 {
+ width: auto;
+ padding: 0
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #fixtures-odds-widget-container.svelte-1qa0ci8.svelte-1qa0ci8 {
+ min-width: 100%
+ }
+
+ div#widget-outer.svelte-1qa0ci8.svelte-1qa0ci8 {
+ margin-top: 0
+ }
+}
+
+.dark-background-1.svelte-1qa0ci8 div.fix-odds-view-opt-box.svelte-1qa0ci8 {
+ border: 1px solid #737373
+}
+
+.dark-background-1.svelte-1qa0ci8 div#fix-odds-view-box div.fix-odds-view-opt-box:hover p.svelte-1qa0ci8 {
+ color: #fff !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box.svelte-1qa0ci8 {
+ background: #616161
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box button#left-btn.svelte-1qa0ci8 {
+ background-image: url(/_app/immutable/assets/slider-left-dark.55c5b1f9.svg);
+ background-size: 20px;
+ background-position: center;
+ background-repeat: no-repeat
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box button#left-btn.svelte-1qa0ci8:hover {
+ background-image: url(/_app/immutable/assets/slider-left-hover.11737001.svg)
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box button#right-btn.svelte-1qa0ci8 {
+ background-image: url(/_app/immutable/assets/slider-right-dark.2b1fbaf3.svg);
+ background-size: 20px;
+ background-position: center;
+ background-repeat: no-repeat
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box button#right-btn.svelte-1qa0ci8:hover {
+ background-image: url(/_app/immutable/assets/slider-right-hover.2867094d.svg)
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box button.table-nav-btn.svelte-1qa0ci8 {
+ background: #a8a8a8
+}
+
+.dark-background-1.svelte-1qa0ci8 div#mobile-table-box p.svelte-1qa0ci8 {
+ color: #fff
+}
+
+.dark-background-1.svelte-1qa0ci8 div.fixture-teams-box.svelte-1qa0ci8 {
+ border-left: 1px #616161 solid
+}
+
+.dark-background-1.svelte-1qa0ci8 div.tip-box.svelte-1qa0ci8,
+.dark-background-1.svelte-1qa0ci8 div.media-play-btn.svelte-1qa0ci8 {
+ border: 1px solid #737373
+}
+
+.dark-background-1.svelte-1qa0ci8 div#widget-round-week-select input[type=radio].svelte-1qa0ci8 {
+ background-color: transparent;
+ border: 1px solid #999999
+}
+
+.dark-background-1.svelte-1qa0ci8 div#widget-round-week-select input[type=radio].svelte-1qa0ci8:checked {
+ background-color: #f5620f;
+ border: 2px solid #4b4b4b;
+ box-shadow: 0 0 0 1px #f5620f
+}
+
+.dark-background-1.svelte-1qa0ci8 div#dropdown-seasons div#dropdown-list-main-container.svelte-1qa0ci8 {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d;
+ border-radius: 4px
+}
+
+.dark-background-1.svelte-1qa0ci8 div#dropdown-seasons div#dropdown-list-main-container div#dropdown-list-inner-container .row-season.svelte-1qa0ci8 {
+ color: #fff
+}
+
+.dark-background-1.svelte-1qa0ci8 div#dropdown-seasons div#dropdown-list-inner-container.svelte-1qa0ci8::-webkit-scrollbar-thumb {
+ background: #999999 !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div#dropdown-seasons div#dropdown-list-inner-container.svelte-1qa0ci8::-webkit-scrollbar-track {
+ background: #4b4b4b !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div.group-fixture-date.svelte-1qa0ci8 {
+ background: #616161 !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div.bet-site-box.svelte-1qa0ci8 {
+ border: 1px solid #737373 !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div.bet-site-box img.svelte-1qa0ci8 {
+ border-top: 1px solid #737373 !important
+}
+
+.dark-background-1.svelte-1qa0ci8 div.no-odds-available-box.svelte-1qa0ci8 {
+ border: 1px solid #737373 !important
+}
+
+section#tournaments-page.svelte-cj381o {
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ padding-top: 12px !important;
+ align-items: start
+}
+
+div#widget-grid-display.svelte-cj381o {
+ display: grid;
+ margin-top: 24px;
+ align-items: start
+}
+
+div.grid-display-column.svelte-cj381o {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 24px
+}
+
+@media only screen and (min-width: 768px) {
+ div#widget-grid-display.svelte-cj381o {
+ grid-template-columns: 1fr
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ div#widget-grid-display.svelte-cj381o {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+@media only screen and (min-width: 1320px) {
+ div#widget-grid-display.svelte-cj381o {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+#about-tour-widget-container-load.svelte-1z0hkaz.svelte-1z0hkaz {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available;
+ margin-top: 40px;
+ height: 1362px;
+ position: relative
+}
+
+#about-tour-widget-container-load.svelte-1z0hkaz div#faq-section div.faq-row.svelte-1z0hkaz:first-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 12px 12px 0 0 !important
+}
+
+#about-tour-widget-container-load.svelte-1z0hkaz div#faq-section div.faq-row.svelte-1z0hkaz:last-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 0 0 12px 12px !important
+}
+
+#about-tour-widget-container-load.svelte-1z0hkaz div#faq-section div.faq-row.svelte-1z0hkaz {
+ border: 1px solid #e6e6e6;
+ padding: 20px
+}
+
+#about-tour-widget-container-load.svelte-1z0hkaz div.box-bottom-btn.svelte-1z0hkaz {
+ padding: 24px 0;
+ border-top: 1px solid #e6e6e6;
+ margin-right: -20px;
+ margin-left: -20px;
+ width: -webkit-fill-available;
+ position: absolute;
+ bottom: 0;
+ background-color: #fff
+}
+
+@media only screen and (min-width: 767px) {
+ #about-tour-widget-container-load.svelte-1z0hkaz.svelte-1z0hkaz {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #about-tour-widget-container-load.svelte-1z0hkaz.svelte-1z0hkaz {
+ min-width: 100%
+ }
+}
+
+#about-tour-widget-container-load.dark-background-1.svelte-1z0hkaz div#faq-section div.faq-row.svelte-1z0hkaz {
+ border: 1px solid #616161 !important
+}
+
+div#about-widget-container.svelte-1amvg1k {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding: 20px
+}
+
+#about-widget-container a {
+ color: #f5620f !important;
+ width: fit-content !important;
+ margin: 0;
+ display: initial
+}
+
+#about-widget-container section {
+ padding: 0 !important;
+ min-height: fit-content
+}
+
+#about-widget-container section div:first-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 12px 12px 0 0 !important
+}
+
+#about-widget-container section>div {
+ border: 1px solid #e6e6e6;
+ padding: 20px
+}
+
+#about-widget-container section>div>h4 {
+ margin: 0 !important;
+ margin-bottom: 8px
+}
+
+#about-widget-container section div.faq-body {
+ border: none !important
+}
+
+#about-widget-container section hr {
+ display: none
+}
+
+#about-widget-container section div:last-child {
+ border: 1px solid #e6e6e6;
+ border-radius: 0 0 12px 12px !important
+}
+
+#about-widget-container h3 {
+ font-size: 20px
+}
+
+#about-widget-container h4,
+#about-widget-container p {
+ font-size: 16px
+}
+
+#about-widget-container section div.faq-body {
+ font-size: 14px
+}
+
+#about-widget-container h1,
+#about-widget-container h2,
+#about-widget-container h3,
+#about-widget-container h4 {
+ color: #292929 !important
+}
+
+#about-widget-container p,
+#about-widget-container section div.faq-body {
+ color: #8c8c8c !important
+}
+
+#about-widget-container h3 {
+ margin: 20px 0 12px
+}
+
+#about-widget-container section>div {
+ border: 1px solid #e6e6e6 !important
+}
+
+#about-widget-container p {
+ margin-bottom: 14px
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #about-widget-container.svelte-1amvg1k {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #about-widget-container.svelte-1amvg1k {
+ min-width: 100%
+ }
+}
+
+#about-widget-container.dark-background-1 h1,
+#about-widget-container.dark-background-1 h2,
+#about-widget-container.dark-background-1 h3,
+#about-widget-container.dark-background-1 h4 {
+ color: #fff !important
+}
+
+#about-widget-container.dark-background-1 p,
+#about-widget-container.dark-background-1 section div.faq-body {
+ color: #a8a8a8 !important
+}
+
+#about-widget-container.dark-background-1 section>div {
+ border: 1px solid #616161 !important
+}
+
+div#fixture-content-loader.svelte-1n6mw9t.svelte-1n6mw9t {
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 0 20px;
+ margin-top: 40px
+}
+
+div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box div.tab-news-box.svelte-1n6mw9t {
+ border-bottom: 1px solid #e6e6e6
+}
+
+div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box div.row-news.svelte-1n6mw9t {
+ padding: 16px 0;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box div.row-news.svelte-1n6mw9t:last-child {
+ border-bottom: none !important
+}
+
+div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box div.row-news div.media-news-box.svelte-1n6mw9t {
+ margin-right: 16px
+}
+
+div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box div.box-bottom-btn.svelte-1n6mw9t {
+ padding: 24px 0;
+ border-top: 1px solid #e6e6e6;
+ margin-right: -20px;
+ margin-left: -20px;
+ width: auto
+}
+
+div#fixture-content-loader svg {
+ width: fit-content !important
+}
+
+@media only screen and (min-width: 1001px) {
+ div#fixture-content-loader.svelte-1n6mw9t div#loader-content-box.svelte-1n6mw9t {
+ width: 100%
+ }
+}
+
+div#fixture-content-loader.dark-background-1.svelte-1n6mw9t div#loader-content-box div.tab-news-box.tab-news-box.svelte-1n6mw9t,
+div#fixture-content-loader.dark-background-1.svelte-1n6mw9t div#loader-content-box div.row-news.svelte-1n6mw9t {
+ border-bottom: 1px solid #616161 !important
+}
+
+div#fixture-content-loader.dark-background-1.svelte-1n6mw9t div#loader-content-box div.box-bottom-btn.svelte-1n6mw9t {
+ border-top: 1px solid #616161 !important
+}
+
+div#content-widget-container.svelte-4lbvmo.svelte-4lbvmo {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding: none;
+ padding-bottom: 0
+}
+
+div#content-widget-container.svelte-4lbvmo div.top-tab-box.svelte-4lbvmo {
+ padding: 20px 0 0;
+ border-bottom: 1px solid #e6e6e6;
+ margin-right: 20px;
+ margin-left: 20px;
+ width: -webkit-fill-available;
+ margin-bottom: 20px
+}
+
+div#content-widget-container.svelte-4lbvmo div.top-tab-box p.svelte-4lbvmo {
+ font-size: 14px;
+ padding-bottom: 12px
+}
+
+div#content-widget-container.svelte-4lbvmo div.top-tab-box p.activeOpt.svelte-4lbvmo {
+ color: #f5620f;
+ border-bottom: 4px solid #f5620f
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row.svelte-4lbvmo {
+ padding: 20px 0;
+ border-bottom: 1px solid #e6e6e6;
+ width: -webkit-fill-available;
+ margin: 0 20px
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a:first-child div.content-row.svelte-4lbvmo {
+ border-top: 1px solid #e6e6e6
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a:last-child div.content-row.svelte-4lbvmo {
+ border-top: none
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box div.content-row img.svelte-4lbvmo {
+ object-fit: cover;
+ width: 80px;
+ height: 80px;
+ border-radius: 8px;
+ margin-right: 20px
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box h3.post-title.svelte-4lbvmo {
+ margin-top: 0;
+ font-size: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ line-clamp: 3;
+ -webkit-box-orient: vertical
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box div.author-date-info p.svelte-4lbvmo {
+ padding-right: 12px
+}
+
+div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box div.author-date-info div.divider.svelte-4lbvmo {
+ height: 14px;
+ margin-right: 12px;
+ width: 1px;
+ background-color: #ccc
+}
+
+div#display-all-btn.svelte-4lbvmo.svelte-4lbvmo {
+ padding: 26px 0
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #content-widget-container.svelte-4lbvmo.svelte-4lbvmo {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row img.svelte-4lbvmo {
+ width: 144px;
+ height: 96px;
+ margin-right: 20px
+ }
+
+ div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box h3.post-title.svelte-4lbvmo {
+ font-size: 18px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+ margin-bottom: 6px
+ }
+
+ div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box p.post-desc.svelte-4lbvmo {
+ font-size: 16px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ line-clamp: 1;
+ -webkit-box-orient: vertical;
+ margin-bottom: 12px
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #content-widget-container.svelte-4lbvmo.svelte-4lbvmo {
+ min-width: 100%
+ }
+
+ div#content-widget-container.svelte-4lbvmo div#content-box a div.content-row div.media-box h3.post-title.svelte-4lbvmo:hover {
+ color: #f5620f !important
+ }
+}
+
+div#content-widget-container.dark-background-1.svelte-4lbvmo div.top-tab-box.svelte-4lbvmo,
+div#content-widget-container.dark-background-1.svelte-4lbvmo div#content-box a div.content-row.svelte-4lbvmo {
+ border-bottom: 1px solid #616161
+}
+
+div#content-widget-container.dark-background-1.svelte-4lbvmo div#content-box a:first-child div.content-row.svelte-4lbvmo {
+ border-top: 1px solid #616161
+}
+
+#h2h-fixture-loader.svelte-1kv4dtu.svelte-1kv4dtu {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available;
+ margin-top: 40px;
+ position: relative
+}
+
+div.top-text-box.svelte-1kv4dtu.svelte-1kv4dtu {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 8px
+}
+
+div#team-info-row.svelte-1kv4dtu.svelte-1kv4dtu {
+ margin-bottom: 15px
+}
+
+div#grid-bet-stats.svelte-1kv4dtu.svelte-1kv4dtu {
+ margin-top: 20px
+}
+
+div.fixture-info-box.svelte-1kv4dtu.svelte-1kv4dtu {
+ border-bottom: 1px solid #e6e6e6;
+ padding: 12px 0
+}
+
+div.fixture-past-box.svelte-1kv4dtu.svelte-1kv4dtu:last-child {
+ border: none !important
+}
+
+div.fixture-past-box.svelte-1kv4dtu.svelte-1kv4dtu {
+ border-bottom: 1px solid #e6e6e6;
+ padding: 16px 0;
+ justify-content: center
+}
+
+div#h2h-fixture-loader svg {
+ width: auto !important
+}
+
+@media only screen and (min-width: 767px) {
+ #h2h-fixture-loader.svelte-1kv4dtu.svelte-1kv4dtu {
+ min-width: 100%
+ }
+
+ div#grid-bet-stats.svelte-1kv4dtu.svelte-1kv4dtu {
+ position: relative;
+ display: grid;
+ grid-gap: 15px;
+ margin-top: 20px;
+ grid-auto-flow: row;
+ grid-template-columns: 1fr 1fr
+ }
+
+ div.fixture-info-box.svelte-1kv4dtu.svelte-1kv4dtu {
+ border: 1px solid #e6e6e6;
+ border-radius: 8px;
+ padding: 12px 20px
+ }
+
+ div#h2h-fixture-loader.dark-background-1.svelte-1kv4dtu div.fixture-info-box.svelte-1kv4dtu {
+ border: 1px #616161 solid
+ }
+
+ div.fixture-past-box.svelte-1kv4dtu.svelte-1kv4dtu {
+ padding: 24px 0;
+ justify-content: unset
+ }
+
+ div#h2h-fixture-loader div.fixture-past-box svg {
+ width: 100% !important
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #h2h-fixture-loader.svelte-1kv4dtu.svelte-1kv4dtu {
+ min-width: 100%
+ }
+}
+
+div#h2h-fixture-loader.dark-background-1.svelte-1kv4dtu div.fixture-info-box.svelte-1kv4dtu,
+div#h2h-fixture-loader.dark-background-1.svelte-1kv4dtu div.fixture-past-box.svelte-1kv4dtu {
+ border-bottom: 1px #616161 solid
+}
+
+#background-area-close.svelte-1bju1a.svelte-1bju1a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 998
+}
+
+div.bet-info-box.svelte-1bju1a.svelte-1bju1a {
+ border-bottom: 1px solid #e6e6e6;
+ padding: 12px 20px;
+ margin: 0 -20px;
+ width: -webkit-fill-available
+}
+
+div.bet-info-box.svelte-1bju1a p.sub-stat-info.svelte-1bju1a {
+ margin-left: 6px
+}
+
+div.bet-info-box.svelte-1bju1a img.bet-site-logo.svelte-1bju1a {
+ width: 40px;
+ height: 40px;
+ border-radius: 8px
+}
+
+div.bet-info-box.svelte-1bju1a button.place-bet-btn.svelte-1bju1a {
+ height: 40px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-left: 5px;
+ padding: 10px 24px
+}
+
+div.bet-info-box.svelte-1bju1a button.place-bet-btn p.svelte-1bju1a {
+ font-size: 14px
+}
+
+div.bet-info-box.svelte-1bju1a button.place-bet-btn.svelte-1bju1a:hover {
+ background: #f77c42 !important
+}
+
+#button-extra-info-container.svelte-1bju1a.svelte-1bju1a {
+ position: relative;
+ width: 100%
+}
+
+.extra-info-container.svelte-1bju1a.svelte-1bju1a {
+ padding: 20px;
+ display: grid;
+ justify-items: stretch;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ text-align: center
+}
+
+.extra-info-container.svelte-1bju1a p.svelte-1bju1a {
+ color: #fff
+}
+
+.extra-info.svelte-1bju1a.svelte-1bju1a {
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ top: 105%;
+ max-width: 289px;
+ width: 289px;
+ display: grid;
+ z-index: 999;
+ justify-items: center;
+ overflow: hidden;
+ position: absolute;
+ left: 50%;
+ transform: translate(-50%)
+}
+
+.extra-info-img.svelte-1bju1a.svelte-1bju1a {
+ width: 100%;
+ object-fit: contain;
+ height: 40px
+}
+
+.btn-cta.svelte-1bju1a.svelte-1bju1a {
+ border-radius: 8px !important;
+ margin-top: 32px;
+ margin-bottom: 16px;
+ padding: 11.5px !important;
+ width: -webkit-fill-available
+}
+
+#background-area-close.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 998
+}
+
+div#h2h-widget-container.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ padding: 20px
+}
+
+div#main-widget-info-row.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ margin-top: 16px
+}
+
+div#main-widget-info-row.svelte-1jlw01j img.team-logo.svelte-1jlw01j.svelte-1jlw01j {
+ width: 44px;
+ height: 44px
+}
+
+div#main-widget-info-row.svelte-1jlw01j div.team-box:first-child img.team-logo.svelte-1jlw01j.svelte-1jlw01j {
+ margin-right: 16px
+}
+
+div#main-widget-info-row.svelte-1jlw01j div.team-box:last-child img.team-logo.svelte-1jlw01j.svelte-1jlw01j {
+ margin-left: 16px
+}
+
+div#main-widget-info-row.svelte-1jlw01j div.stat-box-out div.stat-win-box.svelte-1jlw01j.svelte-1jlw01j {
+ text-align: center
+}
+
+div#main-widget-info-row.svelte-1jlw01j div.stat-box-out div.stat-win-box.svelte-1jlw01j.svelte-1jlw01j:nth-of-type(2) {
+ margin: 0 6px
+}
+
+div#main-widget-info-row.svelte-1jlw01j div.stat-box-out div.stat-win-box p.main-txt.svelte-1jlw01j.svelte-1jlw01j {
+ font-size: 24px
+}
+
+div#competition-progress-box.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ margin: 16px -20px 0;
+ width: -webkit-fill-available;
+ padding: 0 20px 20px;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out.svelte-1jlw01j.svelte-1jlw01j {
+ width: 100%
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out.svelte-1jlw01j.svelte-1jlw01j:first-child {
+ margin-right: 15px
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out p.svelte-1jlw01j.svelte-1jlw01j {
+ margin-bottom: 8px
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out:last-child p.svelte-1jlw01j.svelte-1jlw01j {
+ text-align: end
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out:first-child div.team-progress-bar.svelte-1jlw01j.svelte-1jlw01j {
+ margin-right: 12px;
+ text-align: -webkit-right;
+ text-align: -moz-right
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out div.team-progress-bar.svelte-1jlw01j.svelte-1jlw01j {
+ background: #e6e6e6;
+ border-radius: 10px;
+ width: 100%
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out div.team-progress-bar.svelte-1jlw01j>div.svelte-1jlw01j {
+ background-color: #ffb904;
+ height: 12px;
+ border-radius: 10px
+}
+
+div#competition-progress-box.svelte-1jlw01j div.progress-box-out div.team-progress-bar.svelte-1jlw01j>div.greater_win_ration.svelte-1jlw01j {
+ background-color: #f5620f !important
+}
+
+div#grid-bet-stats.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ display: grid
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row.svelte-1jlw01j.svelte-1jlw01j {
+ border-bottom: 1px solid #e6e6e6;
+ position: relative;
+ width: -webkit-fill-available;
+ margin: 0 -20px;
+ padding: 16px 20px
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j a:last-child div.past-fixture-row.svelte-1jlw01j.svelte-1jlw01j {
+ border: none !important;
+ padding-bottom: 0
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row div.score-info-box.svelte-1jlw01j.svelte-1jlw01j {
+ margin: 8px 0
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row div.score-info-box p.score-txt.svelte-1jlw01j.svelte-1jlw01j {
+ margin: 0 24px;
+ font-size: 16px
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j {
+ font-size: 16px
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j:first-child {
+ margin-right: 12px
+}
+
+div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j:last-child {
+ margin-left: 12px
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1160px) {
+ #h2h-widget-container.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div#main-widget-info-row.svelte-1jlw01j img.team-logo.svelte-1jlw01j.svelte-1jlw01j {
+ width: 64px;
+ height: 64px
+ }
+
+ div#main-widget-info-row.svelte-1jlw01j div.stat-box-out div.stat-win-box.svelte-1jlw01j.svelte-1jlw01j:nth-of-type(2) {
+ margin: 0 44px
+ }
+
+ div#main-widget-info-row.svelte-1jlw01j div.stat-box-out div.stat-win-box p.main-txt.svelte-1jlw01j.svelte-1jlw01j {
+ font-size: 32px
+ }
+
+ div#grid-bet-stats.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ grid-auto-flow: row;
+ grid-gap: 15px;
+ margin-top: 20px;
+ grid-template-columns: 1fr 1fr
+ }
+
+ div#grid-bet-stats.svelte-1jlw01j div.bet-info-box {
+ border: 1px solid #e6e6e6;
+ border-radius: 8px;
+ padding: 12px 20px;
+ margin: unset
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row.svelte-1jlw01j.svelte-1jlw01j {
+ padding: 24px 0;
+ margin: 0
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row div.score-info-box.svelte-1jlw01j.svelte-1jlw01j {
+ position: absolute;
+ left: 50%;
+ transform: translate(-50%);
+ width: fit-content;
+ margin: unset
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j {
+ position: absolute;
+ font-size: 16px
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j:first-child {
+ right: 100%;
+ margin-right: 12px
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.team-text.svelte-1jlw01j.svelte-1jlw01j:last-child {
+ left: 100%;
+ margin-left: 12px
+ }
+
+ div#h2h-widget-container.dark-background-1.svelte-1jlw01j div#grid-bet-stats.svelte-1jlw01j div.bet-info-box {
+ border: 1px solid #616161 !important
+ }
+}
+
+@media only screen and (min-width: 726px) and (max-width: 865px) {
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row.svelte-1jlw01j.svelte-1jlw01j {
+ padding: 15px 0
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row p.league-text.svelte-1jlw01j.svelte-1jlw01j {
+ max-width: 100px;
+ white-space: pre-wrap !important
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #h2h-widget-container.svelte-1jlw01j.svelte-1jlw01j.svelte-1jlw01j {
+ min-width: 100%
+ }
+
+ div#list-past-fixtures-box.svelte-1jlw01j div.past-fixture-row div.score-info-box:hover p.svelte-1jlw01j.svelte-1jlw01j {
+ color: #f5620f !important
+ }
+}
+
+div#h2h-widget-container.dark-background-1.svelte-1jlw01j div#grid-bet-stats.svelte-1jlw01j div.bet-info-box {
+ border-bottom: 1px solid #616161 !important
+}
+
+div#h2h-widget-container.dark-background-1.svelte-1jlw01j div#list-past-fixtures-box div.past-fixture-row.svelte-1jlw01j.svelte-1jlw01j,
+div#h2h-widget-container.dark-background-1.svelte-1jlw01j div#competition-progress-box.svelte-1jlw01j.svelte-1jlw01j {
+ border-bottom: 1px solid #616161
+}
+
+div#h2h-widget-container.dark-background-1.svelte-1jlw01j div#competition-progress-box div.progress-box-out div.team-progress-bar.svelte-1jlw01j.svelte-1jlw01j {
+ background-color: #616161
+}
+
+div#fixture-lineups-loader.svelte-bb5amu.svelte-bb5amu {
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 20px;
+ margin-top: 40px
+}
+
+div#fixture-lineups-loader.svelte-bb5amu div#loader-player-box div.loader-player-row.svelte-bb5amu:first-child {
+ border-top: 15px
+}
+
+div#fixture-lineups-loader.svelte-bb5amu div#loader-player-box div.loader-player-row.svelte-bb5amu {
+ padding: 14px 0 5px;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div#fixture-lineups-loader.svelte-bb5amu div#loader-player-box div.loader-player-row.svelte-bb5amu:last-child {
+ border-bottom: 0;
+ padding-bottom: 0
+}
+
+@media only screen and (min-width: 1001px) {
+ div#fixture-lineups-loader.svelte-bb5amu div#loader-player-box.svelte-bb5amu {
+ width: 100%
+ }
+}
+
+div#fixture-lineups-loader.dark-background-1.svelte-bb5amu div#loader-player-box div.loader-player-row.svelte-bb5amu {
+ border-bottom: 1px solid #616161
+}
+
+a.cursor-pointer.svelte-1mll3ho:hover p.svelte-1mll3ho>span.svelte-1mll3ho {
+ color: var(--primary) !important
+}
+
+div.incident-row.svelte-1mll3ho.svelte-1mll3ho.svelte-1mll3ho {
+ padding: 14px 0 4px;
+ margin: 0 20px;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div.incident-row.svelte-1mll3ho p.svelte-1mll3ho.svelte-1mll3ho {
+ font-size: 14px
+}
+
+div.incident-row.svelte-1mll3ho img.event-icon.svelte-1mll3ho.svelte-1mll3ho {
+ margin-right: 8px
+}
+
+div.incident-row.svelte-1mll3ho p.minute-text.svelte-1mll3ho.svelte-1mll3ho {
+ margin-right: 12px
+}
+
+div.incident-row.svelte-1mll3ho p.result-text.svelte-1mll3ho.svelte-1mll3ho {
+ margin-right: 8px
+}
+
+div.incident-row.type-R.svelte-1mll3ho.svelte-1mll3ho.svelte-1mll3ho {
+ flex-direction: row-reverse !important
+}
+
+div.incident-row.type-R.svelte-1mll3ho img.event-icon.svelte-1mll3ho.svelte-1mll3ho {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+div.incident-row.type-R.svelte-1mll3ho p.minute-text.svelte-1mll3ho.svelte-1mll3ho {
+ margin-left: 12px;
+ margin-right: 0
+}
+
+div.incident-row.type-R.svelte-1mll3ho p.result-text.svelte-1mll3ho.svelte-1mll3ho {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+div.incident-row.svelte-1mll3ho .single-min.svelte-1mll3ho.svelte-1mll3ho {
+ margin-left: 4px;
+ margin-right: 16px !important
+}
+
+div.incident-row.type-R.svelte-1mll3ho .single-min.svelte-1mll3ho.svelte-1mll3ho {
+ margin-left: 16px !important;
+ margin-right: 4px
+}
+
+div#team-info-box.svelte-cql75p.svelte-cql75p {
+ padding: 20px 20px 0
+}
+
+div#team-info-box.svelte-cql75p p.svelte-cql75p {
+ font-size: 16px;
+ margin-left: 12px
+}
+
+div#team-info-box.svelte-cql75p div.away-team p.svelte-cql75p {
+ margin-right: 12px;
+ margin-left: 0
+}
+
+div#incidents-widget-container.svelte-cql75p div#incidents-events-box p.event-milestone-text.svelte-cql75p {
+ padding: 14px 0 6px;
+ text-align: center
+}
+
+div#incidents-widget-container div#incidents-events-box div.incident-row:last-child {
+ border-bottom: 0 !important
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #incidents-widget-container.svelte-cql75p.svelte-cql75p {
+ min-width: 100%
+ }
+}
+
+div#incidents-widget-container.dark-background-1 div#incidents-events-box div.incident-row {
+ border-bottom: 1px solid #616161
+}
+
+#fixture-prob-loader.svelte-1m5pifp.svelte-1m5pifp {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available;
+ margin-top: 40px;
+ position: relative
+}
+
+div#featured-box-txt.svelte-1m5pifp.svelte-1m5pifp {
+ margin-bottom: 23px
+}
+
+div#team-box.svelte-1m5pifp.svelte-1m5pifp {
+ padding-bottom: 12px;
+ border-bottom: 1px #e6e6e6 solid
+}
+
+div#team-box.svelte-1m5pifp div.svelte-1m5pifp {
+ margin-right: 7px
+}
+
+div#team-box.svelte-1m5pifp div.svelte-1m5pifp:last-child {
+ margin-right: 0
+}
+
+div#row-prob-head.svelte-1m5pifp.svelte-1m5pifp {
+ margin-top: 17px;
+ margin-bottom: 12px
+}
+
+div#row-prob-head.svelte-1m5pifp div.svelte-1m5pifp {
+ width: 100%;
+ margin-right: 8px
+}
+
+div#row-prob-head.svelte-1m5pifp div.svelte-1m5pifp:last-child {
+ margin-right: 0
+}
+
+div.row-prob.svelte-1m5pifp.svelte-1m5pifp {
+ margin-bottom: 12px
+}
+
+div.row-prob.svelte-1m5pifp div.svelte-1m5pifp {
+ width: 100%;
+ margin-right: 8px
+}
+
+div.row-prob.svelte-1m5pifp div.svelte-1m5pifp:last-child {
+ margin-right: 0
+}
+
+@media only screen and (min-width: 767px) {
+ #fixture-prob-loader.svelte-1m5pifp.svelte-1m5pifp {
+ min-width: 100%
+ }
+
+ #fixture-prob-loader.svelte-1m5pifp div#team-box.svelte-1m5pifp {
+ width: -webkit-fill-available;
+ border-bottom: 1px #e6e6e6 solid
+ }
+
+ div#row-prob-head.svelte-1m5pifp.svelte-1m5pifp {
+ margin-top: 17px;
+ margin-bottom: 12px
+ }
+
+ div#row-prob-head.svelte-1m5pifp div.svelte-1m5pifp {
+ width: 100%;
+ text-align: center;
+ margin-right: 8px
+ }
+
+ div#row-prob-head.svelte-1m5pifp div.svelte-1m5pifp:first-child {
+ text-align: start
+ }
+
+ div#row-prob-head.svelte-1m5pifp div.svelte-1m5pifp:last-child {
+ margin-right: 0
+ }
+
+ div.row-prob.svelte-1m5pifp.svelte-1m5pifp {
+ margin-bottom: 12px
+ }
+
+ div.row-prob.svelte-1m5pifp div.svelte-1m5pifp {
+ width: 100%;
+ margin-right: 8px
+ }
+
+ div.row-prob.svelte-1m5pifp div.svelte-1m5pifp:last-child {
+ margin-right: 0
+ }
+
+ div.row-prob.svelte-1m5pifp div.prob-box-btn div.svelte-1m5pifp:first-child {
+ margin-right: 24px
+ }
+
+ div.row-prob div svg {
+ width: 100%
+ }
+
+ div.row-prob div:first-child svg {
+ width: auto
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #fixture-prob-loader.svelte-1m5pifp.svelte-1m5pifp {
+ min-width: 100%
+ }
+}
+
+div#fixture-prob-loader.dark-background-1.svelte-1m5pifp div#team-box.svelte-1m5pifp {
+ border-bottom: 1px #616161 solid
+}
+
+#background-area-close.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 998
+}
+
+div#prob-widget-container.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ padding: 20px
+}
+
+div#prob-widget-container.svelte-bk94dv div.bet-site-box.svelte-bk94dv.svelte-bk94dv {
+ margin-bottom: 26px
+}
+
+div#prob-widget-container.svelte-bk94dv div.bet-site-box img.svelte-bk94dv.svelte-bk94dv {
+ width: 67px;
+ height: 28px;
+ border-radius: 5.49px;
+ object-fit: cover;
+ z-index: 1
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities.svelte-bk94dv.svelte-bk94dv {
+ margin-bottom: 24px;
+ border-bottom: 1px #e6e6e6 solid
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box.svelte-bk94dv.svelte-bk94dv {
+ margin-right: 8px
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box.svelte-bk94dv.svelte-bk94dv:last-child {
+ margin-right: 0
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box p.market-type-text.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box p.odds-text.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px;
+ margin-bottom: 12px
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box button.place-bet-btn.svelte-bk94dv.svelte-bk94dv {
+ height: 46px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-top: 8px;
+ margin-bottom: 12px
+}
+
+div#prob-widget-container.svelte-bk94dv div#team-row-probabilities div.team-box button.place-bet-btn p.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px
+}
+
+div#prob-widget-container.svelte-bk94dv div#probabilites-head-box.svelte-bk94dv.svelte-bk94dv {
+ margin-bottom: 12px
+}
+
+div.prob-head-box.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ width: 100%
+}
+
+div.prob-odds-row.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ padding-bottom: 12px
+}
+
+div.prob-odds-row.svelte-bk94dv p.prob-title.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px;
+ width: 100%
+}
+
+div.prob-odds-row.svelte-bk94dv div#button-extra-info-container.svelte-bk94dv.svelte-bk94dv {
+ margin-right: 8px;
+ margin-left: 8px
+}
+
+div.prob-odds-row.svelte-bk94dv div#button-extra-info-container.svelte-bk94dv button.place-bet-btn.svelte-bk94dv {
+ height: 48px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-top: 0;
+ padding: 0
+}
+
+div.prob-odds-row.svelte-bk94dv div#button-extra-info-container.svelte-bk94dv button.place-bet-btn p.svelte-bk94dv {
+ font-size: 14px
+}
+
+div.prob-odds-row.svelte-bk94dv p.equal-sign.svelte-bk94dv.svelte-bk94dv {
+ margin: 0 4px;
+ font-size: 14px
+}
+
+div.prob-odds-row.svelte-bk94dv button.odds-box-btn.svelte-bk94dv.svelte-bk94dv {
+ height: 48px;
+ width: 100%;
+ background-color: #fff;
+ border-radius: 8px;
+ margin-top: 0;
+ border: 1px solid #cccccc !important;
+ padding: 0
+}
+
+div.prob-odds-row.svelte-bk94dv button.odds-box-btn p.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px
+}
+
+p#correct-score-text.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ font-size: 14px;
+ margin-top: 8px;
+ margin-bottom: 12px
+}
+
+div#correct-score-box.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: auto;
+ grid-gap: 12px 16px
+}
+
+div#correct-score-box.svelte-bk94dv button.place-bet-btn.svelte-bk94dv.svelte-bk94dv {
+ height: 48px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-top: 8px;
+ margin-bottom: 12px
+}
+
+div#correct-score-box.svelte-bk94dv button.place-bet-btn.svelte-bk94dv p.svelte-bk94dv {
+ font-size: 14px
+}
+
+#button-extra-info-container.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ position: relative;
+ width: 100%
+}
+
+.extra-info-container.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ padding: 20px;
+ display: grid;
+ justify-items: stretch;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ text-align: center
+}
+
+.extra-info-container.svelte-bk94dv p.svelte-bk94dv.svelte-bk94dv {
+ color: #fff
+}
+
+.extra-info.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ top: 105%;
+ max-width: 289px;
+ width: 289px;
+ display: grid;
+ z-index: 999;
+ justify-items: center;
+ overflow: hidden;
+ position: absolute;
+ left: 50%;
+ transform: translate(-50%)
+}
+
+.extra-info-img.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ width: 100%;
+ object-fit: contain;
+ height: 40px
+}
+
+.btn-cta.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ border-radius: 8px !important;
+ margin-top: 32px;
+ margin-bottom: 16px;
+ padding: 11.5px !important;
+ width: -webkit-fill-available
+}
+
+button.place-bet-btn.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv:hover,
+.btn-cta.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv:hover {
+ background: #f77c42 !important
+}
+
+#show-more-box.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ padding: 25px 0 0;
+ text-align: center;
+ white-space: nowrap;
+ color: var(--primary);
+ cursor: pointer;
+ border-top: 1px solid #ebebeb;
+ margin: 20px -20px 0
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1160px) {
+ #prob-widget-container.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div.prob-odds-row.svelte-bk94dv div#button-extra-info-container.svelte-bk94dv.svelte-bk94dv {
+ margin-right: unset;
+ margin-left: 8px
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #prob-widget-container.svelte-bk94dv.svelte-bk94dv.svelte-bk94dv {
+ min-width: 100%
+ }
+}
+
+div#prob-widget-container.dark-background-1.svelte-bk94dv div#team-row-probabilities.svelte-bk94dv.svelte-bk94dv {
+ border-bottom: 1px #616161 solid
+}
+
+div#prob-widget-container.dark-background-1.svelte-bk94dv div.prob-odds-row button.odds-box-btn.svelte-bk94dv.svelte-bk94dv {
+ height: 48px;
+ width: 100%;
+ background-color: #4b4b4b;
+ border-radius: 8px;
+ margin-top: 0;
+ border: 1px solid #737373 !important
+}
+
+div#prob-widget-container.dark-background-1.svelte-bk94dv #show-more-box.svelte-bk94dv.svelte-bk94dv {
+ border-top: 1px solid #616161
+}
+
+div#fixture-scoreboard-loader.svelte-1ttyt58.svelte-1ttyt58 {
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px
+}
+
+div#fixture-scoreboard-top-box.svelte-1ttyt58.svelte-1ttyt58 {
+ background: #4b4b4b;
+ padding: 20px 20px 50px
+}
+
+div#fixture-scoreboard-bottom-box.svelte-1ttyt58.svelte-1ttyt58 {
+ background: #ffffff;
+ width: 100%;
+ text-align: center
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ div#fixture-scoreboard-top-box.svelte-1ttyt58.svelte-1ttyt58 {
+ padding: 20px 50px 45px
+ }
+}
+
+@media only screen and (min-width: 1001px) {
+ div#fixture-scoreboard-top-box.svelte-1ttyt58.svelte-1ttyt58 {
+ padding: 20px 70px 45px
+ }
+}
+
+div#fixture-scoreboard-loader.dark-background-1.svelte-1ttyt58 div#fixture-scoreboard-bottom-box.svelte-1ttyt58 {
+ background: #4b4b4b !important
+}
+
+#scoreboard-widget-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background-color: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding: none
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: relative;
+ padding: 20px 12px;
+ min-height: 282px;
+ max-height: 282px;
+ background-image: url(/_app/immutable/assets/banner-mobile.d49727d8.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.full-time.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 215px;
+ max-height: 215px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#league-info-box div#league-info-img-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background-color: #fff;
+ border-radius: 50%;
+ padding: 3px;
+ width: 20px;
+ height: 20px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#league-info-box div#league-info-img-box img.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 14px;
+ height: 14px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#fixture-info-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ display: grid;
+ grid-auto-flow: column;
+ justify-items: center;
+ align-items: start;
+ justify-content: center;
+ grid-template-columns: 1fr 1fr 1fr;
+ text-align: center;
+ z-index: 1
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#fixture-info-box div.team-box img.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 72px;
+ height: 72px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp span.visibility-none.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ visibility: hidden
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.bet-site-box img.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 67px;
+ height: 28px;
+ border-radius: 5.49px;
+ object-fit: cover;
+ z-index: 1
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 100% !important
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background: rgba(0, 0, 0, .3);
+ border: 1px solid #4b4b4b;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+ border-radius: 8px;
+ padding: 10px 16px;
+ height: 48px;
+ z-index: 1
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 8px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a:last-child div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 0
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a div.odds-box img.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 28px;
+ height: 28px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background-color: #fff;
+ padding: 20px 10px 0
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ border-bottom: solid 2.5px transparent;
+ width: 100%;
+ text-align: center
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ padding-bottom: 12px
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container.activeOpt.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ border-color: #f5620f
+}
+
+div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container.activeOpt p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ color: #f5620f !important
+}
+
+div#background-gradient-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ bottom: 0;
+ background: linear-gradient(180deg, rgba(41, 41, 41, 0) 4.48%, #292929 46.39%);
+ height: 60px;
+ width: 100%;
+ z-index: 0
+}
+
+div#empty-widget-placeholder.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 334px;
+ max-height: 334px
+}
+
+div#empty-widget-placeholder.full-time.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 267px;
+ max-height: 267px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ border-radius: 0 !important;
+ background: #292929 !important;
+ z-index: 1000
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ padding: 20px 10px;
+ min-height: 80px;
+ max-height: 80px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp.svelte-1ho1azp {
+ width: auto
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box div.team-box.one.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 20px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.one p.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 15px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box div.team-box.two.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-left: 20px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.two p.svelte-1ho1azp.svelte-1ho1azp {
+ margin-left: 15px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp img.svelte-1ho1azp {
+ width: 40px;
+ height: 40px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp p.svelte-1ho1azp {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 35px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box div.middle-info p.minute-text.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-top: -5px
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#fixture-info-box div.middle-info.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: auto
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#scoreboard-bottom-nav-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background-color: #fff;
+ padding: 10px 15px 0
+}
+
+div#scoreboard-widget-container.miniature.svelte-1ho1azp div#scoreboard-bottom-nav-box.svelte-1ho1azp div.opt-container p.svelte-1ho1azp.svelte-1ho1azp {
+ padding-bottom: 8px
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: fixed;
+ top: 10px;
+ right: auto;
+ left: auto;
+ border-radius: 12px !important;
+ background-image: url(/_app/immutable/assets/banner.4da65db9.png) !important;
+ background-position: center !important;
+ background-repeat: no-repeat !important;
+ background-size: cover !important;
+ max-width: 1362px;
+ width: calc(100vw - 68px);
+ z-index: 1000
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ padding: 20px 10px;
+ min-height: 98px;
+ max-height: 98px
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp p.svelte-1ho1azp {
+ overflow: visible;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 200px
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp.svelte-1ho1azp {
+ position: relative;
+ width: -webkit-fill-available
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp img.svelte-1ho1azp {
+ width: 56px;
+ height: 56px
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.team-box.svelte-1ho1azp div.inner-team-box-1.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ right: 5px;
+ width: auto
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.team-box.svelte-1ho1azp div.inner-team-box-2.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ left: 5px;
+ width: auto
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp div.inner-team-box-1 p.svelte-1ho1azp,
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box.svelte-1ho1azp div.team-box.svelte-1ho1azp div.inner-team-box-2 p.svelte-1ho1azp {
+ font-size: 16px
+}
+
+div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.middle-info.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: 134px;
+ max-width: 134px;
+ white-space: nowrap
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #scoreboard-widget-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: 100%
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 254px;
+ max-height: 254px;
+ background-image: url(/_app/immutable/assets/banner-tablet.34299468.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.full-time.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 200px;
+ max-height: 200px
+ }
+
+ div#empty-widget-placeholder.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 306px;
+ max-height: 306px
+ }
+
+ div#empty-widget-placeholder.full-time.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 252px;
+ max-height: 252px
+ }
+
+ div#tablet-bet-odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: relative;
+ width: -webkit-fill-available
+ }
+
+ div#tablet-bet-odds-box.svelte-1ho1azp div.bet-site-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ bottom: 100%
+ }
+
+ div#background-gradient-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ height: 60px;
+ width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ justify-content: center !important
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: fit-content;
+ margin-right: 32px
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp:last-child {
+ margin-right: 0
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#fixture-info-box div.team-box img.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ width: 88px;
+ height: 88px
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 20px;
+ width: 100%
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#btn-vote-container a:last-child div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ margin-right: 0
+ }
+
+ div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: auto
+ }
+
+ p.ft-text.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ font-size: 16px !important;
+ margin-bottom: -10px
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #scoreboard-widget-container.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: 100%
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp,
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box.full-time.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 207px;
+ max-height: 207px;
+ background-image: url(/_app/immutable/assets/banner.4da65db9.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover
+ }
+
+ div#empty-widget-placeholder.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-height: 259px;
+ max-height: 259px
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div#league-info-box p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp:hover {
+ color: #f5620f !important
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.team-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: relative
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.team-box p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ font-size: 16px
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.team-box div.inner-team-box-1.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ left: 25%;
+ text-align: center
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.team-box div.inner-team-box-2.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ right: 25%;
+ text-align: center
+ }
+
+ p.ft-text.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ font-size: 16px !important;
+ margin-bottom: -10px
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ height: 48px;
+ max-width: 200px;
+ min-width: 150px
+ }
+
+ div#tablet-bet-odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: relative;
+ width: -webkit-fill-available
+ }
+
+ div#tablet-bet-odds-box.svelte-1ho1azp div.bet-site-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ bottom: 100%;
+ right: 0;
+ width: auto
+ }
+
+ div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: auto
+ }
+
+ div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.team-box.svelte-1ho1azp div.inner-team-box-1.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ right: 0;
+ width: auto
+ }
+
+ div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.team-box.svelte-1ho1azp div.inner-team-box-2.svelte-1ho1azp.svelte-1ho1azp {
+ position: absolute;
+ left: 0;
+ width: auto
+ }
+
+ div#scoreboard-widget-container.miniature.tablet-miniature.svelte-1ho1azp div#fixture-info-box div.middle-info.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ min-width: 217px;
+ max-width: 217px;
+ white-space: nowrap
+ }
+
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp:hover {
+ color: #292929 !important
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ div#scoreboard-widget-container.svelte-1ho1azp div#scoreboard-top-box div.odds-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ height: 48px;
+ max-width: 200px;
+ min-width: 200px
+ }
+}
+
+div#scoreboard-widget-container.dark-background-1.svelte-1ho1azp div#scoreboard-bottom-nav-box.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp {
+ background-color: #4b4b4b
+}
+
+div#scoreboard-widget-container.dark-background-1.svelte-1ho1azp div#scoreboard-bottom-nav-box div.opt-container p.svelte-1ho1azp.svelte-1ho1azp.svelte-1ho1azp:hover {
+ color: #fff !important
+}
+
+div#statistics-lineups-loader.svelte-123bzlo.svelte-123bzlo {
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 20px;
+ margin-top: 40px
+}
+
+div#statistics-lineups-loader.svelte-123bzlo div#loader-player-box div.loader-player-row.svelte-123bzlo:first-child {
+ border-top: 15px
+}
+
+div#statistics-lineups-loader.svelte-123bzlo div#loader-player-box div.loader-player-row.svelte-123bzlo {
+ padding: 14px 0 5px;
+ border-bottom: 1px solid #e6e6e6
+}
+
+div#statistics-lineups-loader.svelte-123bzlo div#loader-player-box div.loader-player-row.svelte-123bzlo:last-child {
+ border-bottom: 0;
+ padding-bottom: 0
+}
+
+@media only screen and (min-width: 1001px) {
+ div#statistics-lineups-loader.svelte-123bzlo div#loader-player-box.svelte-123bzlo {
+ width: 100%
+ }
+}
+
+div#statistics-lineups-loader.dark-background-1.svelte-123bzlo div#loader-player-box div.loader-player-row.svelte-123bzlo {
+ border-bottom: 1px solid #616161
+}
+
+div.stats-row.svelte-osxurf.svelte-osxurf {
+ padding: 14px 0 4px;
+ margin: 0 20px;
+ border-bottom: 1px solid #e6e6e6;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ position: relative
+}
+
+div.stats-row.svelte-osxurf p.svelte-osxurf {
+ font-size: 14px;
+ display: flex
+}
+
+div.stats-row.svelte-osxurf p.greaterClass.svelte-osxurf {
+ color: #f5620f !important
+}
+
+div.stats-row.svelte-osxurf p.text-translate.svelte-osxurf {
+ position: absolute;
+ margin: auto;
+ left: 0;
+ right: 0;
+ width: fit-content
+}
+
+div#fp-stat-main.svelte-1pn6mr0.svelte-1pn6mr0 {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding: 0 0 20px
+}
+
+div#fp-stat-main.svelte-1pn6mr0 div#fp-stat-team-box.svelte-1pn6mr0 {
+ padding: 20px 20px 0;
+ position: absolute
+}
+
+div#fp-stat-main.svelte-1pn6mr0 div#fp-stat-box-info p.text-group-stats.svelte-1pn6mr0 {
+ text-align: center;
+ font-size: 16px;
+ padding: 20px 0 0
+}
+
+div#fp-stat-main div#fp-stat-box-info div.stats-row:last-child {
+ border-bottom: 0 !important
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1000px) {
+ #fp-stat-main.svelte-1pn6mr0.svelte-1pn6mr0 {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #fp-stat-main.svelte-1pn6mr0.svelte-1pn6mr0 {
+ min-width: 100%
+ }
+}
+
+div#fp-stat-main.dark-background-1 div#fp-stat-box-info div.stats-row {
+ border-bottom: 1px solid #616161
+}
+
+#fixture-votes-loader.svelte-iks6d1 {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ padding: 20px;
+ width: 100%;
+ min-width: -webkit-fill-available;
+ margin-top: 40px;
+ position: relative
+}
+
+@media only screen and (min-width: 767px) {
+ #fixture-votes-loader.svelte-iks6d1 {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #fixture-votes-loader.svelte-iks6d1 {
+ min-width: 100%
+ }
+}
+
+div#votes-widget-container.svelte-pz531s.svelte-pz531s.svelte-pz531s {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ padding: 20px
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container div.odds-vote-box.svelte-pz531s.svelte-pz531s {
+ width: 100%;
+ margin-right: 20px
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container div.odds-vote-box.svelte-pz531s.svelte-pz531s:last-child {
+ margin-right: 0
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s {
+ background: #f2f2f2;
+ border: 1px solid #cccccc !important;
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 14px 16px;
+ transition: all ease .15s;
+ box-shadow: none !important;
+ height: 48px
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.active.svelte-pz531s.svelte-pz531s {
+ background: #ffffff !important;
+ border: 1px solid #f5620f !important;
+ box-sizing: border-box;
+ border-radius: 8px;
+ opacity: 1 !important
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s:disabled {
+ opacity: .5
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container p.probablitiy-text.svelte-pz531s.svelte-pz531s {
+ text-align: center;
+ color: #8c8c8c;
+ width: min-content;
+ white-space: nowrap
+}
+
+div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn .active_p.svelte-pz531s.svelte-pz531s {
+ color: #f5620f !important
+}
+
+input.svelte-pz531s.svelte-pz531s.svelte-pz531s::-webkit-outer-spin-button,
+input.svelte-pz531s.svelte-pz531s.svelte-pz531s::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0
+}
+
+input[type=number].svelte-pz531s.svelte-pz531s.svelte-pz531s {
+ -moz-appearance: textfield;
+ border: none
+}
+
+div#site-bet-box.svelte-pz531s.svelte-pz531s.svelte-pz531s {
+ margin-top: 20px;
+ background: #f2f2f2;
+ border-radius: 8px;
+ position: relative;
+ overflow: hidden
+}
+
+div#site-bet-box.svelte-pz531s img#stakesSiteImg.svelte-pz531s.svelte-pz531s {
+ background-color: var(--featured-match-bookmaker-bg-);
+ object-fit: none;
+ height: 40px
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container.svelte-pz531s.svelte-pz531s {
+ padding: 20px 12px;
+ background: #f2f2f2;
+ border-radius: 8px
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row.svelte-pz531s>.svelte-pz531s {
+ margin-right: 4px
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row.svelte-pz531s>.svelte-pz531s:last-child {
+ margin-right: 0
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box.svelte-pz531s.svelte-pz531s {
+ width: 100%
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box input#win-type.svelte-pz531s.svelte-pz531s {
+ border-radius: 5px;
+ border: 0;
+ outline: none
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box .input-value.svelte-pz531s.svelte-pz531s {
+ -moz-appearance: textfield;
+ background: #ffffff;
+ border-radius: 8px;
+ height: 48px;
+ border: none
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box input.svelte-pz531s.svelte-pz531s {
+ background: rgb(255, 255, 255);
+ color: #000 !important;
+ opacity: 1 !important
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container a.anchor-bet-box button.place-bet-btn.svelte-pz531s.svelte-pz531s {
+ height: 46px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px;
+ margin-top: 0
+}
+
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box button.svelte-pz531s.svelte-pz531s,
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box input.svelte-pz531s.svelte-pz531s,
+div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box .input-value.svelte-pz531s.svelte-pz531s,
+div#site-bet-box.svelte-pz531s div#inner-site-container a.anchor-bet-box.svelte-pz531s.svelte-pz531s {
+ width: inherit
+}
+
+@media only screen and (min-width: 726px) and (max-width: 1160px) {
+ #votes-widget-container.svelte-pz531s.svelte-pz531s.svelte-pz531s {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 726px) {
+ div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s {
+ min-width: 206px;
+ width: 100%;
+ height: 48px
+ }
+
+ div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s:hover {
+ border: 1px solid #f5620f !important
+ }
+
+ div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn:hover span.svelte-pz531s.svelte-pz531s {
+ color: #f5620f !important
+ }
+
+ div#site-bet-box.svelte-pz531s #inner-site-container button.svelte-pz531s.svelte-pz531s {
+ height: 44px
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row.svelte-pz531s>.svelte-pz531s {
+ margin-right: 16px
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row.svelte-pz531s>.svelte-pz531s:last-child {
+ margin-right: 0
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box .input-value.svelte-pz531s.svelte-pz531s {
+ width: 100%;
+ padding: 14px
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box input#win-type.desktop-view-winnings.svelte-pz531s.svelte-pz531s {
+ padding: 0;
+ text-align: end
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ #votes-widget-container.svelte-pz531s.svelte-pz531s.svelte-pz531s {
+ min-width: 100%
+ }
+
+ div#votes-widget-container.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s {
+ min-width: 140px;
+ width: 100%;
+ height: 48px
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box .input-value.svelte-pz531s.svelte-pz531s,
+ div#site-bet-box.svelte-pz531s div#inner-site-container div#box-row div.stakes-info-box a.anchor-bet-box.svelte-pz531s.svelte-pz531s {
+ width: 100%
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container a.anchor-bet-box button.place-bet-btn.svelte-pz531s.svelte-pz531s {
+ margin-top: 27px
+ }
+
+ div#site-bet-box.svelte-pz531s div#inner-site-container a.anchor-bet-box button.place-bet-btn.svelte-pz531s.svelte-pz531s:hover {
+ background-color: #f77c42
+ }
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s {
+ background-color: #616161 !important;
+ border: 1px solid #999999 !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#btn-vote-container button.cast-vote-btn.svelte-pz531s.svelte-pz531s:hover {
+ border: 1px solid #f5620f !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#btn-vote-container button.cast-vote-btn:hover span.svelte-pz531s.svelte-pz531s {
+ color: #f5620f !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#btn-vote-container button.dark-background-1 .cast-vote-btn.active.svelte-pz531s.svelte-pz531s {
+ border: 1px solid #f5620f !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s p.svelte-pz531s.svelte-pz531s {
+ color: #fff !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s .probablitiy-text.svelte-pz531s.svelte-pz531s {
+ color: #a8a8a8 !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s #site-bet-box.svelte-pz531s.svelte-pz531s,
+div#votes-widget-container.dark-background-1.svelte-pz531s div#site-bet-box div#inner-site-container.svelte-pz531s.svelte-pz531s {
+ background-color: #616161 !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#site-bet-box div#inner-site-container div#box-row div.stakes-info-box .input-value.svelte-pz531s.svelte-pz531s {
+ background-color: #4b4b4b !important;
+ color: #fff !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#site-bet-box div#inner-site-container div#box-row div.stakes-info-box input.svelte-pz531s.svelte-pz531s {
+ color: #fff !important
+}
+
+div#votes-widget-container.dark-background-1.svelte-pz531s div#site-bet-box div#box-row div.stakes-info-box input#win-type.svelte-pz531s.svelte-pz531s {
+ background-color: #4b4b4b !important
+}
+
+div#fixture-lineups-loader.svelte-cutst8.svelte-cutst8 {
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ width: 100%;
+ min-width: 100%;
+ overflow: hidden;
+ border-radius: 12px;
+ padding: 20px;
+ margin-top: 40px
+}
+
+div#fixture-lineups-loader.svelte-cutst8 div#loader-player-box div.loader-player-row.svelte-cutst8:first-child {
+ border-bottom: 1px solid #e6e6e6;
+ padding: 15px 0;
+ margin-bottom: 8px
+}
+
+div#fixture-lineups-loader.svelte-cutst8 div#loader-player-box div.loader-player-row.svelte-cutst8 {
+ padding: 8px 0
+}
+
+div#fixture-lineups-loader.svelte-cutst8 div#loader-player-box div.loader-player-row.svelte-cutst8:last-child {
+ padding: 8px 0 0
+}
+
+@media only screen and (min-width: 1001px) {
+ div#fixture-lineups-loader.svelte-cutst8 div#loader-player-box.svelte-cutst8 {
+ width: 100%
+ }
+}
+
+div#fixture-lineups-loader.dark-background-1.svelte-cutst8 div#loader-player-box div.loader-player-row.svelte-cutst8:first-child {
+ border-bottom: 1px solid #616161
+}
+
+div.player-row.svelte-14a3tv9.svelte-14a3tv9 {
+ padding: 8px 20px
+}
+
+div.player-row.svelte-14a3tv9 img.lineup-img.svelte-14a3tv9 {
+ object-fit: contain;
+ border-radius: 50%;
+ border: 1px solid #e6e6e6;
+ background-color: #fff;
+ margin-right: 16px
+}
+
+div.player-row.svelte-14a3tv9 div.player-info-row p.lineup-player-name.svelte-14a3tv9 {
+ font-size: 14px
+}
+
+div.player-row.svelte-14a3tv9 div.player-info-row img.svelte-14a3tv9 {
+ margin-left: 8px
+}
+
+div.player-row.svelte-14a3tv9 p#box-goals.svelte-14a3tv9 {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 30px;
+ padding: 1.5px 8px;
+ max-height: 24px;
+ width: auto;
+ color: #fff
+}
+
+div.player-row.svelte-14a3tv9 p#box-goals.rating_golden.svelte-14a3tv9 {
+ background-color: #ffb904 !important
+}
+
+div.player-row.svelte-14a3tv9 p#box-goals.rating_silver.svelte-14a3tv9 {
+ background-color: #8c8c8c !important
+}
+
+div.player-row.svelte-14a3tv9 p#box-goals.rating_bronze.svelte-14a3tv9 {
+ background-color: #dbb884 !important
+}
+
+div.player-row.type-L.svelte-14a3tv9 img.lineup-img.svelte-14a3tv9 {
+ margin-left: 16px
+}
+
+div.player-row.type-L.svelte-14a3tv9 p.lineup-player-name.svelte-14a3tv9 {
+ text-align: end
+}
+
+div.player-row.svelte-14a3tv9 div.player-info-row img.svelte-14a3tv9 {
+ margin-right: 8px
+}
+
+div.player-row.svelte-14a3tv9:hover div.player-info-row p.lineup-player-name.svelte-14a3tv9 {
+ color: var(--primary) !important
+}
+
+div#main-player-box.svelte-t3dajb.svelte-t3dajb {
+ text-align: center
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box.svelte-t3dajb {
+ position: relative
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box img.lineup-img.svelte-t3dajb {
+ position: relative;
+ width: 32px;
+ height: 32px;
+ box-shadow: 0 4px 4px #0000001f;
+ object-fit: contain;
+ border-radius: 50%;
+ background-color: #fff
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box p#box-goals.svelte-t3dajb {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 30px;
+ padding: 0 4px;
+ max-height: 16px;
+ color: #fff;
+ position: absolute;
+ bottom: 0;
+ right: 80%;
+ width: auto;
+ font-size: 10px
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box p#box-goals.rating_golden.svelte-t3dajb {
+ background-color: #ffb904 !important
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box p#box-goals.rating_silver.svelte-t3dajb {
+ background-color: #8c8c8c !important
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box p#box-goals.rating_bronze.svelte-t3dajb {
+ background-color: #dbb884 !important
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box img.yellow-card-box.svelte-t3dajb {
+ position: absolute;
+ top: 0;
+ left: 80%
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box img.goal-box.svelte-t3dajb {
+ position: absolute;
+ bottom: 0;
+ left: 80%
+}
+
+div#main-player-box.svelte-t3dajb div.player-main-info-box img.substituion-box.svelte-t3dajb,
+div#main-player-box.svelte-t3dajb div.player-main-info-box img.injured-box.svelte-t3dajb {
+ position: absolute;
+ top: 0;
+ right: 80%
+}
+
+div#main-player-box.svelte-t3dajb p.lineup-player-name.svelte-t3dajb {
+ white-space: nowrap;
+ font-size: 10px
+}
+
+div#main-player-box.svelte-t3dajb:hover p.lineup-player-name.svelte-t3dajb {
+ color: var(--primary) !important
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ margin: 20px 20px 0;
+ width: auto
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn.svelte-af2l0n.svelte-af2l0n {
+ background-color: transparent;
+ border: 1px solid #cccccc !important;
+ width: 100%;
+ padding: 10px;
+ max-height: 40px
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn p.svelte-af2l0n.svelte-af2l0n {
+ font-size: 14px
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn.svelte-af2l0n.svelte-af2l0n:hover:active,
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn.activeOpt.svelte-af2l0n.svelte-af2l0n {
+ border: 1px solid #f5620f !important
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn.svelte-af2l0n.svelte-af2l0n:first-child {
+ border-radius: 8px 0 0 8px
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn:first-child img.sel-team-img.svelte-af2l0n.svelte-af2l0n {
+ margin-right: 8px
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn.svelte-af2l0n.svelte-af2l0n:last-child {
+ border-radius: 0 8px 8px 0
+}
+
+div#lineup-top-view-box-select.svelte-af2l0n button.team-select-btn:last-child img.sel-team-img.svelte-af2l0n.svelte-af2l0n {
+ margin-left: 8px
+}
+
+div#lineup-vector-box.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ position: relative;
+ padding: 8px 20px
+}
+
+div#lineup-vector-box.svelte-af2l0n div#lineup-vector.svelte-af2l0n.svelte-af2l0n {
+ position: absolute;
+ z-index: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ margin: 8px 20px
+}
+
+div#lineup-vector-box.svelte-af2l0n div#overlay-player-pos-box.svelte-af2l0n.svelte-af2l0n {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, 1fr);
+ grid-template-rows: 1fr;
+ grid-auto-flow: column;
+ align-items: center;
+ align-content: center;
+ z-index: 1;
+ position: relative;
+ padding: 15px;
+ min-height: 400px;
+ height: 400px;
+ max-height: 400px
+}
+
+div#lineup-vector-box.svelte-af2l0n div#overlay-player-pos-box div#overlay-column.svelte-af2l0n.svelte-af2l0n {
+ display: grid;
+ gap: 8px;
+ height: -webkit-fill-available;
+ height: -moz-available
+}
+
+div.team-main-select.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ padding: 15px 0;
+ margin: 0 20px 8px;
+ border-bottom: 1px solid #e6e6e6;
+ width: auto
+}
+
+div.team-main-select.svelte-af2l0n img.main-team-img.svelte-af2l0n.svelte-af2l0n {
+ margin-right: 16px
+}
+
+div.team-main-select.svelte-af2l0n p.svelte-af2l0n.svelte-af2l0n {
+ font-size: 14px
+}
+
+div.team-main-select.svelte-af2l0n p#box-goals.svelte-af2l0n.svelte-af2l0n {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 30px;
+ padding: 1.5px 8px;
+ max-height: 24px;
+ width: auto;
+ color: #fff
+}
+
+div.team-main-select.svelte-af2l0n p#box-goals.rating_bronze.svelte-af2l0n.svelte-af2l0n {
+ background-color: #dbb884 !important
+}
+
+div.team-main-select.svelte-af2l0n p#box-goals.rating_silver.svelte-af2l0n.svelte-af2l0n {
+ background-color: #8c8c8c !important
+}
+
+div.team-main-select.svelte-af2l0n p#box-goals.rating_golden.svelte-af2l0n.svelte-af2l0n {
+ background-color: #ffb904 !important
+}
+
+div.lineup-box.svelte-af2l0n div.player-row.svelte-af2l0n.svelte-af2l0n {
+ padding: 8px 20px
+}
+
+div.lineup-box.svelte-af2l0n div.player-row img.lineup-img.svelte-af2l0n.svelte-af2l0n {
+ object-fit: contain;
+ border-radius: 50%;
+ border: 1px solid #e6e6e6;
+ margin-right: 16px
+}
+
+div.lineup-box.svelte-af2l0n div.player-row p.lineup-player-name.svelte-af2l0n.svelte-af2l0n {
+ font-size: 14px
+}
+
+div.lineup-box.svelte-af2l0n:last-child div.player-row img.lineup-img.svelte-af2l0n.svelte-af2l0n {
+ margin-right: 16px
+}
+
+div.lineup-box.svelte-af2l0n:last-child div.player-row p.lineup-player-name.svelte-af2l0n.svelte-af2l0n {
+ text-align: start
+}
+
+@media only screen and (min-width: 726px) {
+ div#lineup-vector-box.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ padding: 20px 20px 8px
+ }
+
+ div#lineup-vector-box.svelte-af2l0n div#lineup-vector.svelte-af2l0n.svelte-af2l0n {
+ margin: 20px 20px 8px
+ }
+
+ div#lineup-vector-box.svelte-af2l0n div#overlay-player-pos-box.svelte-af2l0n.svelte-af2l0n {
+ display: flex !important
+ }
+
+ div#lineup-vector-box.svelte-af2l0n div#overlay-player-pos-box div.overlay-grid.svelte-af2l0n.svelte-af2l0n {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, 1fr);
+ grid-template-rows: 1fr;
+ grid-auto-flow: column;
+ align-items: center;
+ align-content: center;
+ height: -webkit-fill-available;
+ height: inherit
+ }
+
+ div#lineup-vector-box.svelte-af2l0n div#overlay-player-pos-box div.overlay-grid div#overlay-column.svelte-af2l0n.svelte-af2l0n {
+ height: -webkit-fill-available;
+ height: inherit
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n.svelte-af2l0n {
+ padding: 15px 0;
+ border-bottom: 1px solid #e6e6e6;
+ width: 100%
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n.svelte-af2l0n:first-child {
+ margin: 0 0 8px 20px
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n.svelte-af2l0n:last-child {
+ margin: 0 20px 8px 0
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n:first-child img.main-team-img.svelte-af2l0n {
+ margin-right: 16px
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n:last-child img.main-team-img.svelte-af2l0n {
+ margin-left: 16px
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select:first-child p.team-name.svelte-af2l0n.svelte-af2l0n {
+ margin-right: 16px
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select:last-child p.team-name.svelte-af2l0n.svelte-af2l0n {
+ margin-left: 16px
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n p#box-goals.svelte-af2l0n {
+ box-sizing: border-box;
+ text-align: center;
+ border-radius: 30px;
+ padding: 1.5px 8px;
+ max-height: 24px;
+ width: auto;
+ color: #fff
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n p#box-goals.rating_golden.svelte-af2l0n {
+ background-color: #ffb904 !important
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n p#box-goals.rating_silver.svelte-af2l0n {
+ background-color: #8c8c8c !important
+ }
+
+ div#team-info-box.svelte-af2l0n div.team-main-select.svelte-af2l0n p#box-goals.rating_bronze.svelte-af2l0n {
+ background-color: #dbb884 !important
+ }
+
+ div#team-lineup-box.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ align-items: flex-start;
+ position: relative
+ }
+
+ div#team-lineup-box.svelte-af2l0n div.lineup-box.svelte-af2l0n.svelte-af2l0n {
+ width: 100%
+ }
+
+ div#team-lineup-box.svelte-af2l0n div.lineup-box.svelte-af2l0n:last-child div.player-row img.lineup-img.svelte-af2l0n {
+ margin-left: 16px
+ }
+
+ div#team-lineup-box.svelte-af2l0n div.lineup-box.svelte-af2l0n:last-child div.player-row p.lineup-player-name.svelte-af2l0n {
+ text-align: end
+ }
+
+ div#divider.svelte-af2l0n.svelte-af2l0n.svelte-af2l0n {
+ background-color: #e6e6e6;
+ width: 1px;
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ height: -webkit-fill-available;
+ margin: auto;
+ right: 50%
+ }
+}
+
+div#lineup-widget-container.dark-background-1 div#team-info-box div.team-main-select {
+ border-bottom: 1px solid #616161
+}
+
+div#lineup-widget-container.dark-background-1.svelte-af2l0n div#divider.svelte-af2l0n.svelte-af2l0n {
+ background-color: #616161
+}
+
+div#lineup-widget-container.dark-background-1.svelte-af2l0n div.team-main-select.svelte-af2l0n.svelte-af2l0n {
+ border-bottom: 1px solid #616161
+}
+
+.yes.svelte-kxb7kp,
+.yes_2.svelte-kxb7kp {
+ width: auto
+}
+
+#fixture-standings-table-container.svelte-kxb7kp {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative;
+ margin-top: 40px
+}
+
+div.teams-row.svelte-kxb7kp {
+ padding: 10px 0
+}
+
+@media only screen and (max-width: 725px) {
+ #fixture-standings-table-container #top-header svg {
+ width: auto !important
+ }
+
+ #fixture-standings-table-container.svelte-kxb7kp {
+ padding: 20px 0
+ }
+
+ div.teams-row.svelte-kxb7kp {
+ padding: 10px 20px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ #fixture-standings-table-container.svelte-kxb7kp {
+ margin-top: 40px
+ }
+}
+
+.league-table-team-row.svelte-lepv17.svelte-lepv17 {
+ padding: 6px 20px;
+ background-color: #fff
+}
+
+.league-table-team-row.svelte-lepv17 #image-contaier.svelte-lepv17 {
+ width: 24px;
+ height: 24px;
+ position: relative
+}
+
+.league-table-team-row.svelte-lepv17 #image-contaier img.team-img.svelte-lepv17 {
+ width: 24px;
+ height: 24px;
+ object-fit: contain
+}
+
+.league-table-team-row.svelte-lepv17 div.team-pos.svelte-lepv17 {
+ width: 20px;
+ height: 20px;
+ margin-right: 16px;
+ position: relative;
+ border-radius: 50%
+}
+
+.league-table-team-row.svelte-lepv17 div.team-pos p.svelte-lepv17 {
+ position: absolute;
+ margin: auto;
+ min-width: 20px;
+ text-align: center;
+ height: 20px;
+ border-radius: 30px;
+ padding: .5px 7px;
+ color: #fff
+}
+
+tr.svelte-lepv17 td.svelte-lepv17 {
+ padding-top: 16px !important;
+ padding: 0 5px
+}
+
+tr.svelte-lepv17 td.svelte-lepv17:not(:first-child) {
+ text-align: center
+}
+
+tr.svelte-lepv17 td.svelte-lepv17:first-child {
+ padding-left: 20px
+}
+
+tr.svelte-lepv17 td.svelte-lepv17:last-child {
+ padding-right: 10px
+}
+
+.border-pos.svelte-lepv17.svelte-lepv17 {
+ color: #000 !important;
+ border: 1px solid #e6e6e6
+}
+
+div.team-name.svelte-lepv17.svelte-lepv17 {
+ margin-left: 2.5px
+}
+
+div.recent-form-dot.svelte-lepv17.svelte-lepv17 {
+ border-radius: 50%;
+ height: 12px;
+ width: 12px
+}
+
+div.recent-form-dot.draw.svelte-lepv17.svelte-lepv17 {
+ background-color: #8c8c8c
+}
+
+div.recent-form-dot.win.svelte-lepv17.svelte-lepv17 {
+ background-color: #59c65d
+}
+
+div.recent-form-dot.lost.svelte-lepv17.svelte-lepv17 {
+ background-color: #ff3c3c
+}
+
+div.recent-form-dot.svelte-lepv17.svelte-lepv17:last-child {
+ margin-right: 0
+}
+
+@media only screen and (max-width: 475px) {
+ .league-table-team-row.svelte-lepv17 div.team-pos.svelte-lepv17 {
+ margin-right: 10px
+ }
+
+ tr.svelte-lepv17 td p.svelte-lepv17 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 85px
+ }
+
+ tr.svelte-lepv17 td.svelte-lepv17:last-child {
+ text-align: end
+ }
+}
+
+@media only screen and (min-width: 475px) and (max-width: 1000px) {
+ div.team-name.svelte-lepv17 p.svelte-lepv17 {
+ white-space: normal
+ }
+}
+
+@media only screen and (min-width: 821px) {
+ tr.svelte-lepv17 td.svelte-lepv17:first-child {
+ padding-left: 0
+ }
+
+ tr.svelte-lepv17 td.svelte-lepv17:last-child {
+ padding-right: 0
+ }
+
+ div.team-name.svelte-lepv17.svelte-lepv17 {
+ margin-left: 16px
+ }
+}
+
+.dark-background-1.svelte-lepv17 div.recent-form-dot.lost.svelte-lepv17 {
+ background: #ff5959
+}
+
+.dark-background-1.svelte-lepv17 div.recent-form-dot.draw.svelte-lepv17 {
+ background: #a8a8a8
+}
+
+.dark-background-1.svelte-lepv17 .border-pos.svelte-lepv17 {
+ color: #fff !important;
+ border: 1px solid #616161 !important
+}
+
+.dark-background-1.svelte-lepv17 p.svelte-lepv17 {
+ color: #fff
+}
+
+#background-area-close.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+div#ss-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ position: relative;
+ min-width: 171px;
+ height: 40px;
+ border: 1px solid var(--grey);
+ border-radius: 8px;
+ padding: 10px 20px;
+ cursor: pointer;
+ margin: 0 20px 20px
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main.svelte-h60xwt.svelte-h60xwt {
+ position: absolute;
+ top: 115%;
+ right: 0;
+ z-index: 10000;
+ width: 100%;
+ background-color: var(--white);
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ max-height: 308px;
+ overflow-y: scroll;
+ padding-right: 6px
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar {
+ display: none
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt {
+ max-height: 308px;
+ overflow-y: scroll
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner p.stage-opt.svelte-h60xwt.svelte-h60xwt {
+ padding: 11px 20px
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner p.stage-opt.svelte-h60xwt.svelte-h60xwt:hover {
+ cursor: pointer;
+ color: #f5620f !important
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar {
+ width: 4px
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#ss-box.svelte-h60xwt div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+#standings-table-container.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ padding: 0 0 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ position: relative
+}
+
+div#standings-view-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ margin: 20px 20px 15px;
+ width: -webkit-fill-available
+}
+
+div.stand-view-opt-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ border: 1px solid #cccccc;
+ padding: 10px 15px;
+ width: inherit;
+ text-align: center
+}
+
+div.stand-view-opt-box.activeOpt.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ border: 1px solid #f5620f
+}
+
+div.stand-view-opt-box.activeOpt.svelte-h60xwt p.svelte-h60xwt.svelte-h60xwt {
+ color: #f5620f !important
+}
+
+div.stand-view-opt-box.svelte-h60xwt:hover p.svelte-h60xwt.svelte-h60xwt {
+ color: #292929 !important
+}
+
+div.stand-view-opt-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt:first-child {
+ border-radius: 8px 0 0 8px
+}
+
+div.stand-view-opt-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt:last-child {
+ border-radius: 0 8px 8px 0
+}
+
+div.stand-view-opt-box.total_view_only.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ border-radius: 8px !important
+}
+
+#form-view-opt-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ border: 1px solid #cccccc;
+ padding: 10px 20px;
+ width: auto;
+ text-align: center;
+ border-radius: 8px;
+ margin: 20px 15px 15px 0
+}
+
+#form-view-opt-box.activeOpt.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ border: 1px solid #f5620f
+}
+
+#form-view-opt-box.activeOpt.svelte-h60xwt p.svelte-h60xwt.svelte-h60xwt {
+ color: #f5620f !important
+}
+
+#form-view-opt-box.svelte-h60xwt:hover p.svelte-h60xwt.svelte-h60xwt {
+ color: #292929 !important
+}
+
+table.standings_table.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ text-align: left;
+ border-collapse: collapse;
+ margin-bottom: 20px;
+ overflow: hidden
+}
+
+table.standings_table.svelte-h60xwt .row-head.svelte-h60xwt.svelte-h60xwt {
+ background: #f2f2f2;
+ border-radius: 2px
+}
+
+table.standings_table.svelte-h60xwt .row-head th.svelte-h60xwt.svelte-h60xwt {
+ padding: 7px 5px;
+ vertical-align: middle;
+ border: none !important;
+ text-align: center;
+ position: relative
+}
+
+table.standings_table.svelte-h60xwt .row-head th.svelte-h60xwt.svelte-h60xwt:first-child {
+ padding-left: 20px;
+ text-align: left
+}
+
+table.standings_table.svelte-h60xwt .row-head th.svelte-h60xwt.svelte-h60xwt:last-child {
+ padding-right: 10px;
+ text-align: right
+}
+
+table.standings_table.svelte-h60xwt .row-head .tooltip-extra-info.svelte-h60xwt.svelte-h60xwt {
+ visibility: hidden;
+ position: absolute;
+ background: #4b4b4b;
+ border-radius: 4px;
+ padding: 9px 12px;
+ bottom: 80%;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translate(-50%)
+}
+
+#show-more-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ padding: 25px 0 0;
+ text-align: center;
+ white-space: nowrap;
+ color: var(--primary);
+ cursor: pointer;
+ border-top: 1px solid #ebebeb;
+ margin-top: 20px
+}
+
+tr.group-row-head.svelte-h60xwt td.svelte-h60xwt.svelte-h60xwt {
+ padding: 16px 0 0
+}
+
+tr.group-row-head.svelte-h60xwt td.svelte-h60xwt.svelte-h60xwt {
+ padding-left: 20px;
+ padding-right: 20px
+}
+
+tr.group-row-head.svelte-h60xwt td p.group-head-text.svelte-h60xwt.svelte-h60xwt {
+ font-size: 16px
+}
+
+table.standings_table.svelte-h60xwt tr:nth-of-type(2) td div.table-divider.svelte-h60xwt.svelte-h60xwt {
+ display: none !important
+}
+
+table.standings_table.svelte-h60xwt tr.group-row-head td div.table-divider.svelte-h60xwt.svelte-h60xwt,
+table.standings_table.svelte-h60xwt tr.row-divider td div.table-divider.svelte-h60xwt.svelte-h60xwt {
+ height: 1px;
+ width: 100%;
+ background: #e6e6e6
+}
+
+table.standings_table.svelte-h60xwt tr.group-row-head td div.table-divider.svelte-h60xwt.svelte-h60xwt {
+ margin-bottom: 16px
+}
+
+table.standings_table.svelte-h60xwt tr.row-divider td div.table-divider.svelte-h60xwt.svelte-h60xwt {
+ margin-top: 24px
+}
+
+tr.row-divider.svelte-h60xwt td.svelte-h60xwt.svelte-h60xwt {
+ padding-left: 20px;
+ padding-right: 20px
+}
+
+@media only screen and (min-width: 821px) and (max-width: 1000px) {
+ #standings-table-container.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 821px) {
+ table.standings_table.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ margin: 20px
+ }
+
+ table.standings_table.svelte-h60xwt .row-head th.svelte-h60xwt.svelte-h60xwt:first-child {
+ padding-left: 10px
+ }
+
+ table.standings_table.svelte-h60xwt .row-head th.svelte-h60xwt.svelte-h60xwt:last-child {
+ padding-right: 10px
+ }
+
+ div#standings-view-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ margin-bottom: 0
+ }
+
+ div.stand-view-opt-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ width: 96px;
+ max-width: 96px;
+ text-align: center
+ }
+
+ tr.group-row-head.svelte-h60xwt td.svelte-h60xwt.svelte-h60xwt,
+ tr.row-divider.svelte-h60xwt td.svelte-h60xwt.svelte-h60xwt {
+ padding-left: 0;
+ padding-right: 0
+ }
+
+ div#ss-box.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ margin: 20px
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #standings-table-container.svelte-h60xwt.svelte-h60xwt.svelte-h60xwt {
+ min-width: 100%
+ }
+}
+
+.dark-background-1.svelte-h60xwt table.standings_table .row-head.svelte-h60xwt.svelte-h60xwt {
+ background-color: #616161 !important
+}
+
+.dark-background-1.svelte-h60xwt div.stand-view-opt-box:hover p.svelte-h60xwt.svelte-h60xwt,
+.dark-background-1.svelte-h60xwt #form-view-opt-box:hover p.svelte-h60xwt.svelte-h60xwt {
+ color: #fff !important
+}
+
+.dark-background-1.svelte-h60xwt table.standings_table .row-head .tooltip-extra-info.svelte-h60xwt.svelte-h60xwt {
+ background: #616161;
+ box-shadow: 0 4px 16px #00000014
+}
+
+.dark-background-1.svelte-h60xwt table.standings_table tr.group-row-head td div.table-divider.svelte-h60xwt.svelte-h60xwt,
+.dark-background-1table.standings_table tr.row-divider.svelte-h60xwt td.svelte-h60xwt div.table-divider.svelte-h60xwt {
+ height: 1px;
+ width: 100%;
+ background: #616161
+}
+
+.dark-background-1.svelte-h60xwt #show-more-box.svelte-h60xwt.svelte-h60xwt {
+ border-top: 1px solid #616161
+}
+
+.dark-background-1.svelte-h60xwt div#ss-box div#ssdb-main.svelte-h60xwt.svelte-h60xwt {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d
+}
+
+.dark-background-1.svelte-h60xwt div#ss-box div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar {
+ width: 4px
+}
+
+.dark-background-1.svelte-h60xwt div#ss-box div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar-track {
+ background: var(--dark-theme-1) !important
+}
+
+.dark-background-1.svelte-h60xwt div#ss-box div#ssdb-main div#ssdb-inner.svelte-h60xwt.svelte-h60xwt::-webkit-scrollbar-thumb {
+ background: var(--dark-theme-1-3-shade) !important
+}
+
+section#fixture-page.svelte-1veql52 {
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ padding-top: 12px !important;
+ align-items: start
+}
+
+div#fixture-page-breadcrumbs p.capitalize {
+ text-transform: capitalize;
+ overflow: hidden
+}
+
+div#fixture-page-breadcrumbs>p {
+ color: #8c8c8c !important
+}
+
+div#fixture-page-breadcrumbs a>p:hover {
+ color: #f5620f !important
+}
+
+div#widget-grid-display.svelte-1veql52 {
+ display: grid;
+ margin-top: 24px;
+ align-items: start
+}
+
+div.grid-display-column.svelte-1veql52 {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 24px
+}
+
+div#widget-grid-display-news.svelte-1veql52 {
+ display: grid;
+ margin-top: 24px;
+ align-items: start
+}
+
+@media only screen and (max-width: 450px) {
+ div#fixture-page-breadcrumbs p.fixture-name {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 50px
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ div#widget-grid-display.svelte-1veql52 {
+ grid-template-columns: 1fr
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ div#widget-grid-display.svelte-1veql52 {
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+@media only screen and (min-width: 1320px) {
+ div#widget-grid-display.svelte-1veql52 {
+ display: grid;
+ align-items: start;
+ gap: 20px;
+ grid-template-columns: minmax(auto, 850px) minmax(auto, 502px)
+ }
+}
+
+div#background-modal-blur.svelte-fxxdzv.svelte-fxxdzv {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#modal-delete-box.svelte-fxxdzv.svelte-fxxdzv {
+ position: fixed;
+ z-index: 10000;
+ margin: auto;
+ width: fit-content;
+ width: 92%;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ height: fit-content;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 45px 20px 20px;
+ text-align: -webkit-center;
+ text-align: -moz-center;
+ overflow: hidden
+}
+
+div#modal-delete-box.svelte-fxxdzv>img#close-vector.svelte-fxxdzv {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ z-index: 400000002
+}
+
+button#sign-in-metamask-btn.svelte-fxxdzv.svelte-fxxdzv {
+ width: -webkit-fill-available;
+ width: -moz-available;
+ border-radius: 60px
+}
+
+@media only screen and (min-width: 575px) {
+ div#modal-delete-box.svelte-fxxdzv.svelte-fxxdzv {
+ width: 328px
+ }
+}
+
+div#modal-delete-box.dark-background-1.svelte-fxxdzv.svelte-fxxdzv {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#modal-delete-box.dark-background-1.svelte-fxxdzv button#sign-in-metamask-btn.svelte-fxxdzv {
+ border: 1px solid var(--dark-theme-1-2-shade) !important
+}
+
+div#background-modal-blur.svelte-1fz23ek.svelte-1fz23ek {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#modal-delete-box.svelte-1fz23ek.svelte-1fz23ek {
+ position: fixed;
+ z-index: 10000;
+ margin: auto;
+ width: fit-content;
+ width: 92%;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ height: fit-content;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 45px 20px 20px;
+ text-align: -webkit-center;
+ overflow: hidden
+}
+
+div#modal-delete-box.svelte-1fz23ek>img#close-vector.svelte-1fz23ek {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ z-index: 400000002
+}
+
+@media only screen and (min-width: 575px) {
+ div#modal-delete-box.svelte-1fz23ek.svelte-1fz23ek {
+ width: 328px
+ }
+}
+
+div#modal-delete-box.dark-background-1.svelte-1fz23ek.svelte-1fz23ek {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#modal-delete-box.dark-background-1.svelte-1fz23ek button.btn-hollow.svelte-1fz23ek {
+ border: 1px solid var(--dark-theme-1-2-shade) !important
+}
+
+div#background-modal-blur.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#modal-delete-box.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ position: fixed;
+ z-index: 10000;
+ margin: auto;
+ width: fit-content;
+ width: 92%;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ height: fit-content;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px;
+ text-align: -webkit-center;
+ overflow: hidden
+}
+
+div#image-box-out.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ position: relative;
+ height: 240px;
+ max-height: 240px;
+ width: 100%;
+ overflow: hidden;
+ background-color: var(--dark-theme)
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ height: inherit;
+ width: fit-content;
+ position: relative;
+ overflow: hidden
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>img#profile-image.svelte-1fcsnz4.svelte-1fcsnz4 {
+ z-index: 0;
+ height: inherit;
+ width: auto;
+ background-color: var(--white);
+ mask-image: radial-gradient(var(--imageCropBox-mask-width) circle at var(--imageCropBox-mask-left) var(--imageCropBox-mask-top), black 50%, rgba(0, 0, 0, .5) 50%);
+ -webkit-mask-image: radial-gradient(var(--imageCropBox-mask-width) circle at var(--imageCropBox-mask-left) var(--imageCropBox-mask-top), black 50%, rgba(0, 0, 0, .5) 50%)
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop.svelte-1fcsnz4.svelte-1fcsnz4 {
+ position: absolute;
+ margin: 5px;
+ height: 150px;
+ width: 150px;
+ border-radius: 50%;
+ border: 8px solid var(--white);
+ z-index: 3;
+ cursor: move;
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop.reset-crop.svelte-1fcsnz4.svelte-1fcsnz4 {
+ top: 0 !important;
+ bottom: 0 !important;
+ right: 0 !important;
+ left: 0 !important;
+ margin: auto !important;
+ width: 150px;
+ height: 150px
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop.svelte-1fcsnz4.svelte-1fcsnz4:active {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4.svelte-1fcsnz4 {
+ position: absolute;
+ z-index: 2;
+ width: 150px;
+ height: 150px;
+ margin: 5px
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.reset-resize.svelte-1fcsnz4.svelte-1fcsnz4 {
+ top: 0 !important;
+ bottom: 0 !important;
+ right: 0 !important;
+ left: 0 !important;
+ margin: auto !important;
+ width: 150px;
+ height: 150px
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4>div.resize-dot.svelte-1fcsnz4 {
+ position: absolute;
+ width: 15px;
+ height: 15px;
+ transform: translate(50%, -50%);
+ border-radius: 50%;
+ background: #ffffff;
+ mix-blend-mode: darken
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4>div.t-right.svelte-1fcsnz4 {
+ top: 0px;
+ right: 0px;
+ cursor: sw-resize
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4>div.t-left.svelte-1fcsnz4 {
+ top: 0px;
+ left: -15px;
+ cursor: se-resize
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4>div.b-right.svelte-1fcsnz4 {
+ bottom: -15px;
+ right: 0px;
+ cursor: nw-resize
+}
+
+div#image-box-out.svelte-1fcsnz4>div#image-box-in.svelte-1fcsnz4>div#profile-cricle-img-crop-resize.svelte-1fcsnz4>div.b-left.svelte-1fcsnz4 {
+ bottom: -15px;
+ left: -15px;
+ cursor: ne-resize
+}
+
+body.no-touch {
+ touch-action: none;
+ -ms-touch-action: none;
+ overflow-y: hidden
+}
+
+@media only screen and (min-width: 575px) {
+ div#modal-delete-box.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ width: 502px;
+ max-width: 502px
+ }
+}
+
+div#modal-delete-box.dark-background-1.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4.svelte-1fcsnz4 {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#account-settings-widget-box.svelte-1qv2ryg.svelte-1qv2ryg {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px
+}
+
+input[type=text].svelte-1qv2ryg.svelte-1qv2ryg {
+ border: 1px solid var(--grey-shade);
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 20px 12px;
+ width: -webkit-fill-available;
+ height: 44px;
+ outline: none;
+ font-size: 14px
+}
+
+input[type=text].svelte-1qv2ryg.svelte-1qv2ryg:hover {
+ border: 1px solid var(--grey)
+}
+
+input[type=text].svelte-1qv2ryg.svelte-1qv2ryg:focus {
+ border: 1px solid var(--dark-theme-1)
+}
+
+input[type=text][placeholder].svelte-1qv2ryg.svelte-1qv2ryg {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+
+input[type=text].input-error.svelte-1qv2ryg.svelte-1qv2ryg {
+ border: 1px solid var(--red-bright) !important
+}
+
+button.svelte-1qv2ryg.svelte-1qv2ryg {
+ width: -webkit-fill-available
+}
+
+div#settings-hr-divider.svelte-1qv2ryg.svelte-1qv2ryg {
+ width: 100%;
+ height: 1px;
+ background-color: var(--grey-color)
+}
+
+p.required-pill-tag.svelte-1qv2ryg.svelte-1qv2ryg {
+ padding: 3px 8px;
+ height: 24px;
+ background-color: var(--oragne-pale-bg);
+ color: var(--primary-fade);
+ border-radius: 32px
+}
+
+.custom-file-input.svelte-1qv2ryg.svelte-1qv2ryg {
+ opacity: 0;
+ position: absolute;
+ z-index: -1
+}
+
+@media only screen and (min-width: 575px) {
+ button.svelte-1qv2ryg.svelte-1qv2ryg {
+ width: auto
+ }
+}
+
+div#account-settings-widget-box.dark-background-1.svelte-1qv2ryg.svelte-1qv2ryg {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#account-settings-widget-box.dark-background-1.svelte-1qv2ryg input[type=text].svelte-1qv2ryg {
+ background: var(--dark-theme-1);
+ border: 1px solid var(--dark-theme-1-2-shade);
+ color: var(--white)
+}
+
+div#account-settings-widget-box.dark-background-1.svelte-1qv2ryg div#settings-hr-divider.svelte-1qv2ryg {
+ background-color: var(--dark-theme-1-2-shade)
+}
+
+div#account-settings-widget-box.dark-background-1.svelte-1qv2ryg p.required-pill-tag.svelte-1qv2ryg {
+ color: var(--primary-fade)
+}
+
+div#account-settings-widget-box.dark-background-1.svelte-1qv2ryg button.btn-hollow.danger.svelte-1qv2ryg {
+ border: 1px solid var(--dark-theme-1-2-shade) !important
+}
+
+div#background-modal-blur.svelte-1e9pkdb.svelte-1e9pkdb {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(255, 255, 255, .7);
+ backdrop-filter: blur(4px);
+ -webkit-backdrop-filter: blur(4px)
+}
+
+div#dashboard-not-available-container.svelte-1e9pkdb.svelte-1e9pkdb {
+ position: absolute;
+ right: 0;
+ left: 0;
+ margin: auto;
+ width: fit-content;
+ height: fit-content;
+ top: 0;
+ bottom: 0
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb.svelte-1e9pkdb {
+ position: relative;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px;
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 20px;
+ max-height: 572px;
+ overflow: hidden
+}
+
+h2.svelte-1e9pkdb.svelte-1e9pkdb {
+ margin: 0
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb>h2#widget-title.svelte-1e9pkdb {
+ grid-row: 1;
+ grid-column: 1/2
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb>div#stats-box.svelte-1e9pkdb {
+ grid-row: 2;
+ grid-column: 1/2
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb>div#nft-volume-box.svelte-1e9pkdb {
+ grid-row: 3;
+ grid-column: 1/2
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb>div#nft-marketshare-box.svelte-1e9pkdb {
+ grid-row: 4;
+ grid-column: 1/2
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb>div#metamask-percent-ratio.svelte-1e9pkdb {
+ grid-row: 5;
+ grid-column: 1/2
+}
+
+div#dashboard-widget-container.svelte-1e9pkdb div.dashboard-row-info img.svelte-1e9pkdb {
+ width: 100%
+}
+
+@media only screen and (min-width: 575px) {
+ div#dashboard-widget-container.svelte-1e9pkdb.svelte-1e9pkdb {
+ grid-template-columns: 1fr 1fr;
+ max-height: unset
+ }
+
+ div#dashboard-widget-container.svelte-1e9pkdb>h2#widget-title.svelte-1e9pkdb {
+ grid-row: unset;
+ grid-column: 1/4
+ }
+
+ div#dashboard-widget-container.svelte-1e9pkdb>div#stats-box.svelte-1e9pkdb {
+ grid-row: unset;
+ grid-column: 1/4
+ }
+
+ div#dashboard-widget-container.svelte-1e9pkdb>div#nft-volume-box.svelte-1e9pkdb {
+ grid-column: 1/2;
+ grid-row: unset
+ }
+
+ div#dashboard-widget-container.svelte-1e9pkdb>div#nft-marketshare-box.svelte-1e9pkdb {
+ grid-row: unset;
+ grid-column: 2/4
+ }
+
+ div#dashboard-widget-container.svelte-1e9pkdb>div#metamask-percent-ratio.svelte-1e9pkdb {
+ grid-row: unset;
+ grid-column: 1/4
+ }
+}
+
+div#dashboard-widget-container.dark-background-1.svelte-1e9pkdb.svelte-1e9pkdb {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#dashboard-widget-container.dark-background-1.svelte-1e9pkdb div#background-modal-blur.svelte-1e9pkdb {
+ background: rgba(75, 75, 75, .7);
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px)
+}
+
+div.mobile-select-menu-opt-box.svelte-1hi7k22.svelte-1hi7k22 {
+ padding: 0 12px 16px
+}
+
+div.profile-menu-opt.svelte-1hi7k22.svelte-1hi7k22 {
+ padding: 12px 24px
+}
+
+div.profile-menu-opt.selected-opt-active.svelte-1hi7k22.svelte-1hi7k22 {
+ border-right: 4px solid var(--primary);
+ background: rgba(245, 98, 15, .1)
+}
+
+div.profile-menu-opt.svelte-1hi7k22 p.menu-opt-not-available.svelte-1hi7k22 {
+ padding: 3px 8px;
+ background-color: var(--whitev2);
+ border-radius: 20px
+}
+
+div.profile-menu-opt.svelte-1hi7k22:hover p.menu-opt-text.svelte-1hi7k22 {
+ color: var(--dark-theme) !important
+}
+
+@media only screen and (min-width: 725px) {
+ div.mobile-select-menu-opt-box.svelte-1hi7k22.svelte-1hi7k22 {
+ padding: 0 20px 0 0
+ }
+}
+
+div.profile-menu-opt.dark-background-1.selected-opt-active.svelte-1hi7k22.svelte-1hi7k22 {
+ background: unset;
+ background: rgba(245, 98, 15, .1) !important
+}
+
+div.profile-menu-opt.dark-background-1.svelte-1hi7k22 p.menu-opt-not-available.svelte-1hi7k22 {
+ background-color: var(--dark-theme-1-shade) !important
+}
+
+div.profile-menu-opt.dark-background-1.svelte-1hi7k22:hover p.menu-opt-text.svelte-1hi7k22 {
+ color: var(--white) !important
+}
+
+div#background-area-close.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1000
+}
+
+div#profile-menu-widget-container.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px
+}
+
+div#profile-menu-widget-container.svelte-uetoxs>div#profile-main-row.svelte-uetoxs.svelte-uetoxs {
+ padding: 20px 20px 0
+}
+
+div#profile-menu-widget-container.svelte-uetoxs>div#profile-main-row.svelte-uetoxs>img#menu-summary-profile-picture.svelte-uetoxs {
+ border-radius: 50%
+}
+
+div#background-modal-blur.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 999998;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#dropdown-menu-opt-mobile.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ position: fixed;
+ z-index: 999999;
+ bottom: 0;
+ right: 0;
+ width: 100%;
+ background-color: var(--white);
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 16px 16px 0 0;
+ padding: 12px 0 5px
+}
+
+@media screen and (min-width: 725px) {
+ div#dropdown-menu-opt-tablet-box.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ position: relative
+ }
+
+ div#dropdown-menu-opt-tablet.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ position: absolute;
+ top: 115%;
+ right: 12.5%;
+ z-index: 10000;
+ width: 260px;
+ background-color: var(--white);
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 16px;
+ overflow: hidden
+ }
+}
+
+@media screen and (min-width: 1159px) {
+ div#profile-menu-widget-container.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ overflow: hidden
+ }
+}
+
+div#profile-menu-widget-container.dark-background-1.svelte-uetoxs.svelte-uetoxs.svelte-uetoxs {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#profile-menu-widget-container.dark-background-1.svelte-uetoxs div#dropdown-menu-opt-mobile.svelte-uetoxs.svelte-uetoxs {
+ background-color: var(--dark-theme-1)
+}
+
+div.widget-component.svelte-2nyor8.svelte-2nyor8 {
+ position: relative;
+ height: 400px
+}
+
+div.widget-component.svelte-2nyor8 img.svelte-2nyor8 {
+ position: absolute;
+ right: 0;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto
+}
+
+div#profile\/widget\/deposit-outer.svelte-gnrbsi.svelte-gnrbsi {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px
+}
+
+div#profile\/widget\/deposit\/inner\/deposit-opts-box.svelte-gnrbsi.svelte-gnrbsi {
+ display: grid;
+ gap: 12px;
+ grid-template-columns: 1fr
+}
+
+div#profile\/widget\/deposit\/inner\/deposit-opts-box.svelte-gnrbsi a.deposit\/option\/box.svelte-gnrbsi {
+ position: relative;
+ height: 72px;
+ border-radius: 8px;
+ border: 1px solid var(--grey-color);
+ background: var(--white)
+}
+
+div#profile\/widget\/deposit\/inner\/deposit-opts-box.svelte-gnrbsi a.deposit\/option\/box.svelte-gnrbsi:hover {
+ border: 1px solid var(--primary) !important
+}
+
+div#profile\/widget\/deposit\/inner\/deposit-opts-box.svelte-gnrbsi a.deposit\/option\/box div.svelte-gnrbsi {
+ position: absolute;
+ right: 0;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: fit-content;
+ height: fit-content
+}
+
+@media only screen and (min-width: 726px) {
+ div#profile\/widget\/deposit\/inner\/deposit-opts-box.svelte-gnrbsi.svelte-gnrbsi {
+ grid-template-columns: 1fr 1fr 1fr
+ }
+}
+
+div#profile\/widget\/deposit-outer.dark-background-1.svelte-gnrbsi div#profile\/widget\/deposit\/inner\/deposit-opts-box a.svelte-gnrbsi {
+ border: 1px solid var(--dark-theme-1-shade);
+ background: var(--dark-theme-1)
+}
+
+div#profile\/widget\/calendar-pop-up\/backdrop.svelte-1qj3awn.svelte-1qj3awn {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 999998;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.svelte-1qj3awn.svelte-1qj3awn {
+ position: fixed;
+ z-index: 999999;
+ bottom: 20px;
+ right: 0;
+ left: 0;
+ width: 92.5%;
+ background: #FFFFFF;
+ margin: auto;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.svelte-1qj3awn div#calendar-date-select.svelte-1qj3awn {
+ padding: 16px;
+ border-bottom: 1px solid var(--grey-color)
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table.svelte-1qj3awn {
+ border-collapse: collapse;
+ margin: 16px
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr th.svelte-1qj3awn,
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.svelte-1qj3awn {
+ max-width: 48px;
+ height: 32px;
+ padding: 7px 11px;
+ text-align: center
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.svelte-1qj3awn:hover {
+ background-color: var(--whitev2) !important;
+ border-radius: 60px;
+ color: var(--dark-theme) !important
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.startSnake.svelte-1qj3awn {
+ background-color: var(--primary);
+ color: var(--white);
+ border-radius: 0 60px 60px 0
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.middleSnake.svelte-1qj3awn {
+ background-color: var(--primary);
+ color: var(--white)
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.endSnake.svelte-1qj3awn {
+ background-color: var(--primary);
+ color: var(--white);
+ border-radius: 60px 0 0 60px
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.currentDate.svelte-1qj3awn:not(.startSnake):not(.middleSnake):not(.endSnake) {
+ color: var(--primary)
+}
+
+div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table tr td.notViewMonth.svelte-1qj3awn {
+ color: var(--grey-color) !important
+}
+
+@media only screen and (min-width: 475px) {
+ div#profile\/w\/txhist\/c\/calendar\/main.svelte-1qj3awn.svelte-1qj3awn {
+ position: absolute;
+ top: 105%;
+ right: 0;
+ bottom: unset;
+ left: unset;
+ z-index: 2;
+ width: fit-content
+ }
+
+ div#profile\/widget\/calendar-pop-up\/backdrop.svelte-1qj3awn.svelte-1qj3awn {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ background-color: transparent
+ }
+
+ div#profile\/widget\/calendar-pop-up\/inner.svelte-1qj3awn table.svelte-1qj3awn {
+ padding: 16px
+ }
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.dark-background-1.svelte-1qj3awn.svelte-1qj3awn {
+ background-color: var(--dark-theme-1-shade) !important
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.dark-background-1.svelte-1qj3awn div#profile\/widget\/calendar-pop-up\/inner table tr td.svelte-1qj3awn:hover {
+ background-color: var(--dark-theme-1);
+ border-radius: 60px;
+ color: var(--white)
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.dark-background-1.svelte-1qj3awn div#profile\/widget\/calendar-pop-up\/inner table tr td.notViewMonth.svelte-1qj3awn {
+ color: var(--dark-theme-1-2-shade) !important
+}
+
+div#profile\/w\/txhist\/c\/calendar\/main.dark-background-1.svelte-1qj3awn div#calendar-date-select.svelte-1qj3awn {
+ border-bottom: 1px solid var(--dark-theme)
+}
+
+tr.svelte-kuci05.svelte-kuci05 {
+ position: relative;
+ position: -webkit-sticky;
+ max-height: 56px;
+ height: 56px;
+ min-height: 56px
+}
+
+tr.svelte-kuci05 td.svelte-kuci05 {
+ padding: 8px 12px 8px 0
+}
+
+tr.svelte-kuci05 td.svelte-kuci05:first-child {
+ padding-left: 20px !important;
+ border-radius: 4px 0 0 4px
+}
+
+tr.svelte-kuci05 td.svelte-kuci05:last-of-type {
+ padding-right: 20px !important;
+ border-radius: 0 4px 4px 0
+}
+
+tr.extra-info.svelte-kuci05.svelte-kuci05 {
+ height: unset
+}
+
+tr.extra-info.svelte-kuci05 td.svelte-kuci05 {
+ padding-top: 8px;
+ padding-bottom: 250px
+}
+
+tr.svelte-kuci05 td p.svelte-kuci05 {
+ width: fit-content;
+ white-space: nowrap;
+ color: var(--dark-theme)
+}
+
+tr.svelte-kuci05 td p.tx-status-pill.svelte-kuci05 {
+ width: fit-content;
+ padding: 4px 12px;
+ border-radius: 32px
+}
+
+tr.svelte-kuci05 td p.tx-status-pill.completed.svelte-kuci05 {
+ color: var(--status-green, #59C65D) !important;
+ background: rgba(89, 198, 93, .1)
+}
+
+tr.svelte-kuci05 td p.tx-status-pill.pending.svelte-kuci05 {
+ color: var(--status-yellow, #FFB904) !important;
+ background: rgba(255, 185, 4, .1)
+}
+
+tr.svelte-kuci05 td p.tx-status-pill.failed.svelte-kuci05 {
+ color: var(--status-red-night, #FF5959) !important;
+ background: rgba(255, 89, 89, .1)
+}
+
+tr.svelte-kuci05 div.tx-extra-info.svelte-kuci05 {
+ padding: 0 20px;
+ position: absolute;
+ top: 56px;
+ right: 0;
+ left: 0;
+ gap: 12px
+}
+
+div#profile⮕w⮕txhist⮕main.svelte-xwuu8j.svelte-xwuu8j {
+ padding: 20px;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px
+}
+
+div#profile⮕w⮕txhist⮕main⮕no-widget-data⮕content-box.svelte-xwuu8j.svelte-xwuu8j {
+ position: relative;
+ height: 362px
+}
+
+div#profile⮕w⮕txhist⮕main⮕no-widget-data⮕content.svelte-xwuu8j.svelte-xwuu8j {
+ position: absolute;
+ right: 0;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: fit-content;
+ height: fit-content
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j.svelte-xwuu8j {
+ padding: 4px;
+ border-radius: 4px;
+ background: var(--whitev2)
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j div.common-date-box.svelte-xwuu8j {
+ height: 32px;
+ padding: 6px 12px;
+ border-radius: 4px
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j div.common-date-box.selected_date.svelte-xwuu8j {
+ background: var(--white);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px)
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j div.common-date-box.selected_date p.svelte-xwuu8j,
+div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j div.common-date-box p.svelte-xwuu8j:hover {
+ color: var(--dark-theme) !important
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-2.svelte-xwuu8j.svelte-xwuu8j {
+ position: relative;
+ max-width: 40px;
+ min-width: 40px;
+ min-height: 40px;
+ max-height: 40px;
+ border-radius: 4px;
+ background: var(--whitev2)
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-2⮕calendar-box.svelte-xwuu8j.svelte-xwuu8j {
+ width: auto;
+ border-radius: 4px;
+ padding: 6px
+}
+
+div#profile⮕w⮕txhist⮕main⮕date-filter-2⮕calendar-box.selected.svelte-xwuu8j.svelte-xwuu8j {
+ background: var(--white);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px)
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j.svelte-xwuu8j {
+ text-align: left;
+ border-collapse: collapse;
+ width: -webkit-fill-available
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr.svelte-xwuu8j {
+ border-radius: 2px;
+ background: var(--whitev2)
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th.svelte-xwuu8j {
+ width: fit-content;
+ white-space: nowrap;
+ padding-right: 12px
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-id.svelte-xwuu8j {
+ min-width: 50px
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-status.svelte-xwuu8j {
+ min-width: 150px
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th.svelte-xwuu8j:first-child {
+ padding-left: 20px;
+ border-radius: 2px 0 0 2px
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th.svelte-xwuu8j:last-child {
+ padding-right: 20px;
+ border-radius: 0 2px 2px 0
+}
+
+table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th p.svelte-xwuu8j {
+ width: fit-content;
+ color: var(--semi-black-night, #A8A8A8);
+ font-family: Roboto;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 150%;
+ padding: 3px 0
+}
+
+table#profile⮕w⮕txhist⮕main⮕table tbody tr:nth-child(odd) {
+ background-color: var(--white)
+}
+
+table#profile⮕w⮕txhist⮕main⮕table tbody tr:nth-child(even) {
+ background-color: var(--whitev2)
+}
+
+div#profile⮕w⮕txhist⮕main⮕table-show-more.svelte-xwuu8j.svelte-xwuu8j {
+ padding: 18px 0
+}
+
+div#profile⮕w⮕txhist⮕divider.svelte-xwuu8j.svelte-xwuu8j {
+ border-bottom: 1px solid var(--grey-color)
+}
+
+div#profile⮕w⮕txhist⮕divider.isMoreTx.svelte-xwuu8j.svelte-xwuu8j {
+ padding: 18px 0
+}
+
+@media only screen and (min-width: 581px) {
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-quantity.svelte-xwuu8j {
+ min-width: 70px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-fee.svelte-xwuu8j {
+ min-width: 50px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th.svelte-xwuu8j:first-child,
+ table#profile⮕w⮕txhist⮕main⮕table tbody tr td:first-child {
+ padding-left: 12px !important
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th.svelte-xwuu8j:last-child,
+ table#profile⮕w⮕txhist⮕main⮕table tbody tr td:last-child {
+ padding-right: 12px !important
+ }
+}
+
+@media only screen and (min-width: 912px) {
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-id.svelte-xwuu8j {
+ padding-right: 20px;
+ min-width: 12px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-date.svelte-xwuu8j {
+ padding-right: 20px;
+ min-width: 90px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-wallet.svelte-xwuu8j {
+ min-width: 130px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-status.svelte-xwuu8j {
+ min-width: 105px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-quantity.svelte-xwuu8j {
+ min-width: 60px
+ }
+
+ table#profile⮕w⮕txhist⮕main⮕table.svelte-xwuu8j thead tr th#col-tx-bta.svelte-xwuu8j {
+ min-width: 50px
+ }
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-1.svelte-xwuu8j {
+ background: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-1 div.common-date-box.selected_date.svelte-xwuu8j {
+ background: var(--dark-theme-1)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-1 div.common-date-box.selected_date p.svelte-xwuu8j,
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-1 div.common-date-box p.svelte-xwuu8j:hover {
+ color: var(--white) !important
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-2.svelte-xwuu8j {
+ background: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕main⮕date-filter-2⮕calendar-box.selected.svelte-xwuu8j {
+ background: var(--dark-theme-1)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j table#profile⮕w⮕txhist⮕main⮕table thead tr.svelte-xwuu8j {
+ background: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j table#profile⮕w⮕txhist⮕main⮕table tbody tr:nth-child(odd) {
+ background-color: var(--dark-theme-1)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j table#profile⮕w⮕txhist⮕main⮕table tbody tr:nth-child(even) {
+ background-color: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j table#profile⮕w⮕txhist⮕main⮕table tbody tr td p {
+ color: var(--white)
+}
+
+div#profile⮕w⮕txhist⮕main.dark-background-1.svelte-xwuu8j div#profile⮕w⮕txhist⮕divider.svelte-xwuu8j {
+ border-bottom: 1px solid var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕modal-bg-blur.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ z-index: 10000;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ display: grid;
+ grid-auto-rows: min-content;
+ align-items: start;
+ width: 100vw;
+ height: 100vh;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ padding: 85px 20px 150px;
+ text-align: -webkit-center;
+ text-align: -moz-center;
+ overflow-y: scroll
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.success-state.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ top: 233px;
+ height: auto;
+ gap: 20px;
+ padding-top: 20px;
+ border-radius: 16px
+}
+
+img#profile⮕w⮕withdraw⮕modal⮕form⮕close-btn.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ z-index: 400000002
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕top-nav.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 20px;
+ background-color: var(--white);
+ border-bottom: 1px solid var(--grey-color)
+}
+
+img#profile⮕w⮕withdraw⮕modal⮕form⮕withdraw-provider.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ scale: 1.35
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕withdraw-back-step.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ z-index: 400000002
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕withdraw-steps.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ grid-column: 1;
+ grid-row: 1
+}
+
+div.withdraw-step-bar.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ height: 6px;
+ border-radius: 30px;
+ background-color: var(--grey-color)
+}
+
+div.withdraw-step-bar.complete.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ background-color: #59c65d
+}
+
+div.withdraw-step-bar.current.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ background-color: var(--primary)
+}
+
+input.error.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ border: 1px solid #ff3c3c !important
+}
+
+input.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk::placeholder {
+ color: var(--grey-shade)
+}
+
+div.nested-form-field-box.svelte-sgbhwk div.svelte-sgbhwk.svelte-sgbhwk:last-child {
+ margin-right: 0
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕success-box.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ right: 0;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ height: 250px;
+ width: 100vw;
+ background-color: #59c65d
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕success-box.svelte-sgbhwk img.svelte-sgbhwk.svelte-sgbhwk {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ margin: auto
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕success-footnotes.svelte-sgbhwk div.svelte-sgbhwk.svelte-sgbhwk:last-child {
+ margin: 0
+}
+
+div.success-divider.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ height: 1px;
+ background-color: var(--grey-color)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕withdraw-crypto-box.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 10px
+}
+
+div.crypto-coin-box.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: relative
+}
+
+div.crypto-coin-box.svelte-sgbhwk p.coming-soon-txt.svelte-sgbhwk.svelte-sgbhwk {
+ left: 0;
+ width: fit-content;
+ top: -10px;
+ right: 0;
+ margin: auto;
+ position: absolute;
+ padding: 3px 8px;
+ border-radius: 20px;
+ background: var(--whitev2)
+}
+
+div.crypto-coin-box.svelte-sgbhwk label.svelte-sgbhwk.svelte-sgbhwk {
+ width: 100%;
+ padding: 16px 20px;
+ border: 1px solid var(--dark-gray-day, #8C8C8C);
+ border-radius: 8px
+}
+
+div.crypto-coin-box.svelte-sgbhwk input[type=radio].svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ opacity: 0;
+ width: 0
+}
+
+div.crypto-coin-box.svelte-sgbhwk label.svelte-sgbhwk.svelte-sgbhwk:hover,
+div.crypto-coin-box.svelte-sgbhwk input[type=radio].svelte-sgbhwk:checked+label.svelte-sgbhwk {
+ border: 1px solid var(--accent-normal, #F5620F)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕bottom-nav.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 20px;
+ background-color: var(--white);
+ border-top: 1px solid var(--grey-color)
+}
+
+@media only screen and (min-width: 575px) {
+ div#profile⮕w⮕withdraw⮕modal⮕form⮕main.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ display: block;
+ max-width: 502px;
+ margin: auto;
+ height: fit-content;
+ max-height: 80vh;
+ border-radius: 12px;
+ padding-top: 20px;
+ padding-bottom: 20px
+ }
+
+ div#profile⮕w⮕withdraw⮕modal⮕form⮕top-nav.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ all: unset
+ }
+
+ img#profile⮕w⮕withdraw⮕modal⮕form⮕close-btn.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ position: absolute
+ }
+
+ div#profile⮕w⮕withdraw⮕modal⮕form⮕bottom-nav.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ all: unset
+ }
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.dark-background-1.svelte-sgbhwk.svelte-sgbhwk.svelte-sgbhwk {
+ box-shadow: inset 0 1px 0 var(--dark-theme-1-shade) !important;
+ background-color: var(--dark-theme-1) !important
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.dark-background-1.svelte-sgbhwk div.crypto-coin-box p.coming-soon-txt.svelte-sgbhwk.svelte-sgbhwk {
+ background: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.dark-background-1.svelte-sgbhwk div.success-divider.svelte-sgbhwk.svelte-sgbhwk {
+ background-color: var(--dark-theme-1-shade)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.dark-background-1.svelte-sgbhwk div#profile⮕w⮕withdraw⮕modal⮕form⮕top-nav.svelte-sgbhwk.svelte-sgbhwk {
+ border-bottom: 1px solid var(--dark-theme-1-shade);
+ background-color: var(--dark-theme-1)
+}
+
+div#profile⮕w⮕withdraw⮕modal⮕form⮕main.dark-background-1.svelte-sgbhwk div#profile⮕w⮕withdraw⮕modal⮕form⮕bottom-nav.svelte-sgbhwk.svelte-sgbhwk {
+ border-top: 1px solid var(--dark-theme-1-shade);
+ background-color: var(--dark-theme-1)
+}
+
+div#profile⮕w⮕withdraw⮕main.svelte-pu8acc.svelte-pu8acc {
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ padding: 20px
+}
+
+div#profile⮕w⮕withdraw⮕withdraw-opts-box.svelte-pu8acc.svelte-pu8acc {
+ display: grid;
+ gap: 12px;
+ grid-template-columns: 1fr
+}
+
+div#profile⮕w⮕withdraw⮕withdraw-opts-box.svelte-pu8acc div.deposit-option-box.svelte-pu8acc {
+ position: relative;
+ height: 72px;
+ border-radius: 8px;
+ border: 1px solid var(--grey-color);
+ background: var(--white)
+}
+
+div#profile⮕w⮕withdraw⮕withdraw-opts-box.svelte-pu8acc div.deposit-option-box.svelte-pu8acc:hover {
+ border: 1px solid var(--primary) !important
+}
+
+div#profile⮕w⮕withdraw⮕withdraw-opts-box.svelte-pu8acc div.deposit-option-box img.svelte-pu8acc {
+ position: absolute;
+ right: 0;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: fit-content;
+ height: fit-content
+}
+
+@media only screen and (min-width: 726px) {
+ div#profile⮕w⮕withdraw⮕withdraw-opts-box.svelte-pu8acc.svelte-pu8acc {
+ grid-template-columns: 1fr 1fr 1fr
+ }
+}
+
+div#profile⮕w⮕withdraw⮕main.dark-background-1.svelte-pu8acc div#profile⮕w⮕withdraw⮕withdraw-opts-box div.deposit-option-box.svelte-pu8acc {
+ border: 1px solid var(--dark-theme-1-shade);
+ background: var(--dark-theme-1)
+}
+
+section#profile-page.svelte-x4r99k {
+ display: grid;
+ max-width: 1430px;
+ grid-template-columns: 1fr;
+ padding-top: 0 !important;
+ padding-bottom: 72px !important;
+ align-items: start
+}
+
+div#widget-grid-display.svelte-x4r99k {
+ display: grid;
+ gap: 20px;
+ align-items: start;
+ margin-top: 24px
+}
+
+@media only screen and (min-width: 768px) {
+ section#profile-page.svelte-x4r99k {
+ padding-top: unset !important
+ }
+
+ div#widget-grid-display.svelte-x4r99k {
+ margin-top: 24px
+ }
+}
+
+@media only screen and (min-width: 1160px) {
+ div#widget-grid-display.svelte-x4r99k {
+ gap: 20px;
+ grid-template-columns: minmax(328px, 328px) minmax(auto, 1024px)
+ }
+}
+
+div#offline-alert-container.svelte-15jioh7 {
+ position: relative;
+ z-index: 20000;
+ width: 100%;
+ padding: 8px 27px;
+ background: #ff3c3c;
+ text-align: center
+}
+
+#platform-alert-container.svelte-179xpxt {
+ position: relative;
+ z-index: 20000;
+ width: 100%;
+ padding: 8px 27px;
+ background: #8c8c8c;
+ text-align: center
+}
+
+.update-z-index.svelte-179xpxt {
+ z-index: unset !important
+}
+
+img#close-platform-alert-img.svelte-179xpxt {
+ position: absolute;
+ top: 50%;
+ right: 16px;
+ transform: translate(-50%, -50%)
+}
+
+div#background-modal-blur.svelte-1mw7m2t.svelte-1mw7m2t {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 400000000;
+ height: 100%;
+ width: 100%;
+ background: rgba(0, 0, 0, .5)
+}
+
+div#outer-iframe-cotnainer.svelte-1mw7m2t.svelte-1mw7m2t {
+ position: fixed;
+ right: 0;
+ left: 0;
+ margin: auto;
+ top: 0;
+ bottom: 0;
+ z-index: 400000001;
+ width: 375px;
+ max-width: 375px;
+ height: 620px;
+ overflow: hidden
+}
+
+div#outer-iframe-cotnainer.svelte-1mw7m2t img#close-vector.svelte-1mw7m2t {
+ position: absolute;
+ top: 30px;
+ right: 15px;
+ z-index: 400000002
+}
+
+iframe.svelte-1mw7m2t.svelte-1mw7m2t {
+ width: 375px;
+ max-width: 375px;
+ height: 620px;
+ border: none;
+ overflow: hidden
+}
+
+@media screen and (min-width: 475px) {
+
+ div#outer-iframe-cotnainer.svelte-1mw7m2t.svelte-1mw7m2t,
+ iframe.svelte-1mw7m2t.svelte-1mw7m2t {
+ width: 465px !important;
+ max-width: none
+ }
+}
+
+#background-modal-blur.svelte-197bbbe.svelte-197bbbe {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 4;
+ height: 100%;
+ width: 100%
+}
+
+.featured-row.svelte-197bbbe.svelte-197bbbe {
+ padding: 13px 20px;
+ background-color: #fff;
+ box-shadow: inset 0 1px #ebebeb;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+.featured-row.svelte-197bbbe img.svelte-197bbbe {
+ width: 44px;
+ height: 44px;
+ object-fit: contain
+}
+
+.featured-row.svelte-197bbbe button.svelte-197bbbe {
+ background: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 0 8px;
+ padding: 4.5px 12px;
+ width: 68px !important
+}
+
+.featured-row.svelte-197bbbe .button-extra-info-container.svelte-197bbbe {
+ position: relative
+}
+
+.featured-row.svelte-197bbbe .button-extra-info-container button.svelte-197bbbe:hover,
+.featured-row.svelte-197bbbe .button-extra-info-container button.btn-cta.svelte-197bbbe:hover {
+ background-color: #f77c42
+}
+
+.extra-info-container.svelte-197bbbe.svelte-197bbbe {
+ padding: 20px;
+ display: grid;
+ justify-items: stretch;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ text-align: center
+}
+
+.extra-info-container.svelte-197bbbe p.svelte-197bbbe {
+ color: #fff
+}
+
+.featured-row.svelte-197bbbe .extra-info.svelte-197bbbe {
+ background: #4b4b4b;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 8px;
+ position: absolute;
+ top: 105%;
+ right: 0;
+ width: 300px;
+ display: grid;
+ z-index: 100;
+ justify-items: center;
+ overflow: hidden
+}
+
+.featured-row.svelte-197bbbe .extra-info-img.svelte-197bbbe {
+ width: 100%
+}
+
+.rating-img.svelte-197bbbe.svelte-197bbbe {
+ margin-right: 20px;
+ width: 77px !important;
+ height: 14px !important
+}
+
+.btn-cta.svelte-197bbbe.svelte-197bbbe {
+ border-radius: 8px !important;
+ margin-top: 32px;
+ margin-bottom: 16px;
+ padding: 11.5px !important;
+ width: -webkit-fill-available
+}
+
+div.dark-background-1.featured-row.svelte-197bbbe.svelte-197bbbe {
+ box-shadow: inset 0 1px #616161 !important;
+ background-color: #4b4b4b !important
+}
+
+.dark-background-1.svelte-197bbbe p.svelte-197bbbe {
+ color: #fff
+}
+
+#featured-list-container.svelte-jes5zx.svelte-jes5zx {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%
+}
+
+#title-box.svelte-jes5zx.svelte-jes5zx {
+ padding: 24px 60px 20px;
+ text-align: center;
+ white-space: nowrap;
+ font-weight: 500
+}
+
+#show-more-box.svelte-jes5zx.svelte-jes5zx {
+ padding: 25px 130px;
+ text-align: center;
+ white-space: nowrap;
+ color: var(--primary);
+ box-shadow: inset 0 1px #ebebeb;
+ cursor: pointer
+}
+
+@media only screen and (min-width: 767px) {
+ #featured-rank.svelte-jes5zx.svelte-jes5zx {
+ height: 257px;
+ padding: 16px 39px;
+ background: #f2f2f2;
+ border-radius: 12px;
+ justify-items: center;
+ position: relative;
+ text-align: center
+ }
+
+ #feature-rank-display.svelte-jes5zx.svelte-jes5zx {
+ display: grid;
+ gap: 20px;
+ grid-auto-flow: column;
+ grid-template-columns: repeat(3, 1fr);
+ justify-content: space-between;
+ padding: 20px 20px 0
+ }
+
+ #featured-list-container.svelte-jes5zx.svelte-jes5zx {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #featured-rank.svelte-jes5zx.svelte-jes5zx {
+ padding: 16px 8px
+ }
+
+ #feature-rank-display.svelte-jes5zx.svelte-jes5zx {
+ gap: 15px
+ }
+
+ #featured-list-container.svelte-jes5zx.svelte-jes5zx {
+ min-width: 100%
+ }
+
+ p.site-name.svelte-jes5zx.svelte-jes5zx:hover {
+ color: #f5620f
+ }
+}
+
+.dark-background-1.svelte-jes5zx p#show-more-box.svelte-jes5zx {
+ box-shadow: inset 0 1px #616161 !important
+}
+
+.dark-background-1.svelte-jes5zx div#featured-rank.svelte-jes5zx {
+ background-color: #616161
+}
+
+.dark-background-1.svelte-jes5zx p#title-box.svelte-jes5zx {
+ color: #fff
+}
+
+.rating-box.svelte-8zuqa2.svelte-8zuqa2 {
+ width: fit-content;
+ border-radius: 30px;
+ padding: 1.5px 8px;
+ color: #fff
+}
+
+.rating-box.svelte-8zuqa2 p.svelte-8zuqa2 {
+ color: #fff
+}
+
+.golden.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #ffb904
+}
+
+.silver.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #a1a1a1
+}
+
+.bronze.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #dbb884
+}
+
+.player-img.svelte-8zuqa2.svelte-8zuqa2 {
+ border: 1px solid #cccccc;
+ border-radius: 50%;
+ margin-right: 8px
+}
+
+a.enabeld-anchor.svelte-8zuqa2:hover p#featm-player-name.svelte-8zuqa2 {
+ color: var(--primary) !important
+}
+
+.boxed-rating-matches.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #ffffff;
+ border: 1px solid #e6e6e6;
+ box-sizing: border-box;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+.boxed-rating-assits.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #f2f2f2;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+.boxed-rating-goals.svelte-8zuqa2.svelte-8zuqa2 {
+ background: #e6e6e6;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+button#watch-match-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 10px 16px;
+ font-size: 14px;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px
+}
+
+#live-score-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ min-width: 100%;
+ width: 100%;
+ max-width: 343px;
+ padding-bottom: 4px;
+ overflow: hidden
+}
+
+#fixture-league-title.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 10px 20px;
+ box-shadow: inset 0 -1px #ebebeb
+}
+
+#fixture-visual-box.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 25px 20px 20px;
+ box-shadow: inset 0 -1px #ebebeb
+}
+
+#fixture-data.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ display: grid;
+ grid-auto-flow: column;
+ justify-items: center;
+ align-items: start;
+ justify-content: center;
+ grid-template-columns: 1fr 1fr 1fr;
+ text-align: center
+}
+
+input.svelte-uznwby.svelte-uznwby.svelte-uznwby::-webkit-outer-spin-button,
+input.svelte-uznwby.svelte-uznwby.svelte-uznwby::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0
+}
+
+input[type=number].svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ -moz-appearance: textfield;
+ border: none
+}
+
+#btn-vote-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ display: grid;
+ grid-auto-flow: column;
+ align-items: center;
+ justify-items: center;
+ justify-content: space-between;
+ width: -webkit-fill-available
+}
+
+.cast-vote-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ background: #f2f2f2;
+ border: 1px solid #cccccc !important;
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 14px 16px;
+ transition: all ease .15s;
+ box-shadow: none !important;
+ width: 96px;
+ height: 48px
+}
+
+.cast-vote-btn.active.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ background: #ffffff !important;
+ border: 1px solid #f5620f !important;
+ box-sizing: border-box;
+ border-radius: 8px;
+ opacity: 1 !important
+}
+
+.cast-vote-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby:disabled {
+ opacity: .5
+}
+
+.probablitiy-text.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ text-align: center;
+ color: #8c8c8c;
+ width: min-content
+}
+
+.active_p.svelte-uznwby.svelte-uznwby.svelte-uznwby,
+.active_p_btn.svelte-uznwby.svelte-uznwby.svelte-uznwby:hover {
+ color: #f5620f !important
+}
+
+#site-bet-box.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ margin-top: 35px;
+ background: #f2f2f2;
+ border-radius: 8px;
+ position: relative;
+ overflow: hidden
+}
+
+#inner-site-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 20px 12px;
+ background: #f2f2f2;
+ border-radius: 8px
+}
+
+#inner-site-container.svelte-uznwby button.place-bet-btn.svelte-uznwby.svelte-uznwby {
+ height: 46px;
+ width: 100%;
+ background-color: #f5620f;
+ box-shadow: 0 3px 8px #d4540c52;
+ border-radius: 8px
+}
+
+.input-value.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ -moz-appearance: textfield;
+ background: #ffffff;
+ border-radius: 8px;
+ height: 48px;
+ width: 76px;
+ border: none
+}
+
+#inner-site-container.svelte-uznwby input.svelte-uznwby.svelte-uznwby {
+ background: rgb(255, 255, 255);
+ color: #000 !important;
+ opacity: 1 !important
+}
+
+input#win-type.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 100%;
+ border-radius: 5px;
+ border: 0;
+ outline: none
+}
+
+.img-flag.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 24px;
+ height: 18px;
+ margin-right: 16px;
+ filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .1));
+ border-radius: 2px !important;
+ vertical-align: middle !important
+}
+
+#stakesSiteImg.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ background-color: var(--featured-match-bookmaker-bg-);
+ object-fit: none;
+ height: 40px
+}
+
+#live-stream-box.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 20px 0;
+ box-shadow: inset 0 -1px #ebebeb;
+ overflow: hidden;
+ width: inherit
+}
+
+#livestream-grid.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ display: grid;
+ grid-auto-flow: column;
+ gap: 8px 13px;
+ overflow-y: scroll;
+ padding: 0 20px;
+ grid-template-columns: repeat(auto-fill, 71px)
+}
+
+#livestream-grid.svelte-uznwby.svelte-uznwby.svelte-uznwby::-webkit-scrollbar {
+ display: none
+}
+
+#livestream-grid.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+.live-stream-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ border: 1px solid #cccccc !important;
+ box-sizing: border-box;
+ border-radius: 4px;
+ padding: 7px 12px;
+ background-color: transparent;
+ box-shadow: none !important;
+ width: 68px;
+ height: 40px
+}
+
+.live-stream-btn.svelte-uznwby img.svelte-uznwby.svelte-uznwby {
+ object-fit: contain;
+ width: 100%
+}
+
+.best-players-box.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 20px;
+ box-shadow: inset 0 -1px #ebebeb
+}
+
+table.table-best-player,
+table.value_bets.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ text-align: left;
+ border-collapse: collapse;
+ width: 100%
+}
+
+table.table-best-player .row-head,
+table.value_bets.svelte-uznwby .row-head.svelte-uznwby.svelte-uznwby {
+ background: #f2f2f2;
+ border-radius: 2px
+}
+
+table.svelte-uznwby td.svelte-uznwby.svelte-uznwby,
+table.svelte-uznwby th.svelte-uznwby.svelte-uznwby,
+table.table-best-player tr td,
+table.table-best-player tr th {
+ padding: 7px 12px;
+ vertical-align: middle;
+ border: none !important
+}
+
+table.table-best-player tr td:first-child {
+ padding-left: 0
+}
+
+table.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:last-child,
+table.table-best-player tr td:last-child {
+ padding-right: 0
+}
+
+table.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby,
+table.table-best-player tr td {
+ padding-top: 16px !important;
+ padding-bottom: 0
+}
+
+.rating-head.svelte-uznwby.svelte-uznwby.svelte-uznwby,
+table.table-best-player .rating-head {
+ width: 59px
+}
+
+.tooltip.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ border-bottom: none !important
+}
+
+.tooltip.svelte-uznwby .tooltiptext.svelte-uznwby.svelte-uznwby {
+ display: none
+}
+
+#value-bets.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 20px
+}
+
+#value-bets-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ background: #f2f2f2;
+ border-radius: 2px;
+ width: 100%
+}
+
+#value-bets-inner-info.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 12px;
+ display: grid;
+ grid-auto-rows: 1fr;
+ justify-items: center;
+ align-items: center;
+ gap: 4px
+}
+
+#value-bets-inner-info.svelte-uznwby img.svelte-uznwby.svelte-uznwby {
+ border-radius: 4px;
+ width: 56px;
+ object-fit: cover
+}
+
+@media only screen and (min-width: 700px) {
+ #inner-site-container.svelte-uznwby button.svelte-uznwby.svelte-uznwby {
+ height: 44px
+ }
+
+ .boxed-rating-value-bets.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ background: #f2f2f2;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+ }
+
+ table.table-best-player tr th:first-child p {
+ left: 10%;
+ position: relative
+ }
+
+ table.table-best-player tr th:last-child p {
+ left: 10%;
+ position: relative
+ }
+
+ table tr td:first-child {
+ padding-left: 10px
+ }
+
+ table.svelte-uznwby td.svelte-uznwby.svelte-uznwby,
+ table.svelte-uznwby th.svelte-uznwby.svelte-uznwby {
+ padding: 7px 10px
+ }
+
+ #live-score-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 100%;
+ max-width: 700px
+ }
+
+ #livestream-grid.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ grid-auto-flow: unset;
+ overflow-y: visible;
+ grid-template-columns: repeat(auto-fill, 65px)
+ }
+
+ .input-value.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 100%;
+ max-width: 164px;
+ padding: 14px
+ }
+
+ .cast-vote-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ min-width: 206px;
+ width: 100%;
+ height: 48px
+ }
+
+ .desktop-view-winnings.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 0;
+ text-align: end
+ }
+
+ .desktop-medium.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ font-size: 16px !important
+ }
+
+ .desktop-x-large.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ font-size: 20px !important
+ }
+
+ .live-stream-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ padding: 0 5px
+ }
+
+ .player-col.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 357px
+ }
+
+ .rating-head.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 44px
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-child(-n + 3) {
+ max-width: 72px !important;
+ padding-right: 24px
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-child(3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-child(3) {
+ padding-right: 190px !important
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-last-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-last-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td button.svelte-uznwby.svelte-uznwby {
+ width: 64px !important
+ }
+
+ table.table-best-player .player-img {
+ margin-right: 16px
+ }
+
+ table.svelte-uznwby tr:nth-child(2) td.svelte-uznwby.svelte-uznwby {
+ padding-top: 20px !important
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #live-score-container.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 100%;
+ max-width: 560px
+ }
+
+ .input-value.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ width: 100%;
+ max-width: 110px
+ }
+
+ .tooltip.svelte-uznwby .tooltiptext.svelte-uznwby.svelte-uznwby {
+ display: unset !important
+ }
+
+ .tooltip.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ position: relative;
+ display: inline-block;
+ border-bottom: none !important
+ }
+
+ .tooltip.svelte-uznwby .tooltiptext.svelte-uznwby.svelte-uznwby {
+ visibility: hidden;
+ width: 120px;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ position: absolute;
+ z-index: 1;
+ top: -100%;
+ left: 50%;
+ margin-left: -60px;
+ background: #4b4b4b;
+ box-shadow: inset 0 -1px #3c3c3c;
+ border-radius: 4px;
+ transition: all .15s ease-in
+ }
+
+ .tooltip.svelte-uznwby:hover .tooltiptext.svelte-uznwby.svelte-uznwby {
+ visibility: visible !important
+ }
+
+ .cast-vote-btn.svelte-uznwby.svelte-uznwby.svelte-uznwby {
+ min-width: 140px;
+ width: 100%;
+ height: 48px
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-child(-n + 3) {
+ max-width: 72px !important;
+ padding-right: 24px
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-last-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-last-child(-n + 3),
+ table.value_bets.svelte-uznwby tr td button.svelte-uznwby.svelte-uznwby {
+ width: 64px !important
+ }
+
+ table.value_bets.svelte-uznwby tr.svelte-uznwby th.svelte-uznwby:nth-child(3),
+ table.value_bets.svelte-uznwby tr td.svelte-uznwby.svelte-uznwby:nth-child(3) {
+ padding-right: 24px !important
+ }
+
+ table.table-best-player th:first-child {
+ width: 44px !important
+ }
+
+ table.table-best-player th.player-col {
+ width: 100%
+ }
+
+ table.table-best-player .player-img {
+ margin-right: 16px
+ }
+}
+
+.dark-background-1.svelte-uznwby #fixture-league-title.svelte-uznwby.svelte-uznwby,
+.dark-background-1.svelte-uznwby #fixture-visual-box.svelte-uznwby.svelte-uznwby,
+.dark-background-1 .best-players-box,
+.dark-background-1.svelte-uznwby #live-stream-box.svelte-uznwby.svelte-uznwby {
+ box-shadow: inset 0 -1px #616161 !important
+}
+
+.dark-background-1.svelte-uznwby .cast-vote-btn.svelte-uznwby.svelte-uznwby {
+ background-color: #616161 !important;
+ border: 1px solid #999999 !important
+}
+
+.dark-background-1.svelte-uznwby .cast-vote-btn.active.svelte-uznwby.svelte-uznwby {
+ border: 1px solid #f5620f !important
+}
+
+.dark-background-1 table.table-best-player .row-head,
+.dark-background-1.svelte-uznwby table.value_bets .row-head.svelte-uznwby.svelte-uznwby {
+ background-color: #616161 !important
+}
+
+.dark-background-1.svelte-uznwby p.svelte-uznwby.svelte-uznwby {
+ color: #fff
+}
+
+.dark-background-1.svelte-uznwby .live-stream-btn.svelte-uznwby.svelte-uznwby {
+ background-color: #fff !important;
+ border: 1px solid #616161 !important
+}
+
+.dark-background-1 table.table-best-player .row-head th p,
+.dark-background-1.svelte-uznwby table.value_bets .row-head th p.svelte-uznwby.svelte-uznwby,
+.dark-background-1.svelte-uznwby .probablitiy-text.svelte-uznwby.svelte-uznwby {
+ color: #a8a8a8 !important
+}
+
+.dark-background-1.svelte-uznwby #site-bet-box.svelte-uznwby.svelte-uznwby,
+.dark-background-1.svelte-uznwby #inner-site-container.svelte-uznwby.svelte-uznwby {
+ background-color: #616161 !important
+}
+
+.dark-background-1.svelte-uznwby #inner-site-container .input-value.svelte-uznwby.svelte-uznwby {
+ background-color: #4b4b4b !important;
+ color: #fff !important
+}
+
+.dark-background-1.svelte-uznwby #inner-site-container input.svelte-uznwby.svelte-uznwby {
+ color: #fff !important
+}
+
+.dark-background-1.svelte-uznwby input#win-type.svelte-uznwby.svelte-uznwby {
+ background-color: #4b4b4b !important
+}
+
+@media only screen and (min-width: 700px) {
+ .dark-background-1 .boxed-rating-matches {
+ background-color: #4b4b4b !important;
+ border: 1px solid #616161 !important
+ }
+
+ .dark-background-1 .boxed-rating-assits,
+ .dark-background-1.svelte-uznwby .boxed-rating-value-bets.svelte-uznwby.svelte-uznwby {
+ background-color: #616161 !important
+ }
+
+ .dark-background-1 .boxed-rating-goals {
+ background-color: #737373 !important
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ .dark-background-1.svelte-uznwby .tooltip .tooltiptext.svelte-uznwby.svelte-uznwby {
+ background: #616161;
+ box-shadow: inset 0 -1px #3c3c3c
+ }
+}
+
+#league-list.svelte-ttni7y.svelte-ttni7y {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ min-width: 220px;
+ width: 100%;
+ max-width: 343px;
+ overflow: hidden;
+ padding: 20px 0
+}
+
+input#league-list-search.svelte-ttni7y.svelte-ttni7y {
+ background: #ffffff;
+ border: 1px solid #cccccc;
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 12px 52px;
+ background-image: url(/assets/svg/league_list/search.svg);
+ background-repeat: no-repeat;
+ background-position: 20px 50%;
+ background-size: 20px 20px;
+ width: -webkit-fill-available;
+ height: 44px;
+ outline: none;
+ font-size: 14px
+}
+
+input#league-list-search.svelte-ttni7y.svelte-ttni7y:hover {
+ border: 1px solid #8c8c8c
+}
+
+input#league-list-search.svelte-ttni7y.svelte-ttni7y:focus {
+ border: 1px solid #4b4b4b
+}
+
+input#league-list-search[placeholder].svelte-ttni7y.svelte-ttni7y {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+
+#close-btn-search.svelte-ttni7y.svelte-ttni7y {
+ position: absolute;
+ z-index: 100;
+ right: 40px;
+ top: 12px
+}
+
+#search-container.svelte-ttni7y.svelte-ttni7y {
+ position: relative
+}
+
+div#search-list-container.svelte-ttni7y .top-league-container-search.svelte-ttni7y {
+ padding: 4px 20px
+}
+
+div#search-list-container.svelte-ttni7y .top-league-container-search.svelte-ttni7y:hover {
+ cursor: pointer
+}
+
+div#search-list-container.svelte-ttni7y .top-league-container-search:hover p.svelte-ttni7y {
+ color: #f5620f !important
+}
+
+#defualt-league-list.svelte-ttni7y.svelte-ttni7y {
+ display: block
+}
+
+#defualt-league-list.league-list-hide.svelte-ttni7y.svelte-ttni7y {
+ display: none
+}
+
+div#popular-list-container.svelte-ttni7y .top-league-container.svelte-ttni7y {
+ padding: 12.5px 20px
+}
+
+div#popular-list-container.svelte-ttni7y .top-league-container.svelte-ttni7y:hover {
+ cursor: pointer
+}
+
+div#popular-list-container.svelte-ttni7y .top-league-container:hover p.svelte-ttni7y {
+ color: #f5620f !important
+}
+
+div#popular-list-container.svelte-ttni7y .top-league-container img.svelte-ttni7y,
+div#countires-list-container.svelte-ttni7y .country-league-container img.svelte-ttni7y {
+ object-fit: cover
+}
+
+div#countires-list-container.svelte-ttni7y .country-league-container img.svelte-ttni7y {
+ border-radius: 50%
+}
+
+div.selectedCountry.svelte-ttni7y.svelte-ttni7y {
+ background: #f2f2f2;
+ border-radius: 8px;
+ position: relative;
+ padding: 1px;
+ overflow: hidden
+}
+
+div#countires-list-container.svelte-ttni7y .main-country-container.svelte-ttni7y {
+ margin: 0 10px
+}
+
+div#countires-list-container.svelte-ttni7y .country-league-container.svelte-ttni7y {
+ padding: 12px 10px
+}
+
+div#countires-list-container.svelte-ttni7y .selectedCountry .country-league-container.svelte-ttni7y {
+ padding: 11px 9px
+}
+
+div#countires-list-container.svelte-ttni7y .country-league-sub-container.svelte-ttni7y {
+ padding: 9px 10px 10px;
+ background-color: #fff
+}
+
+div#countires-list-container.svelte-ttni7y .country-league-sub-container.svelte-ttni7y:last-child {
+ border-radius: 0 0 8px 8px
+}
+
+div#countires-list-container.svelte-ttni7y .country-league-container:hover p.svelte-ttni7y,
+div#countires-list-container.svelte-ttni7y .country-league-sub-container:hover p.svelte-ttni7y {
+ color: #f5620f !important
+}
+
+div#countires-list-container.svelte-ttni7y .main-country-container.svelte-ttni7y:hover {
+ cursor: pointer
+}
+
+div#no-results-container.svelte-ttni7y.svelte-ttni7y {
+ padding: 28px 0
+}
+
+@media screen and (max-width: 1440px) {
+ input#league-list-search.svelte-ttni7y.svelte-ttni7y {
+ padding: 12px 28px 12px 35px;
+ background-position: 8px 50%
+ }
+
+ img#close-btn-search.svelte-ttni7y.svelte-ttni7y {
+ right: 28px
+ }
+}
+
+.dark-background-1.svelte-ttni7y input#league-list-search.svelte-ttni7y {
+ background-color: #4b4b4b !important;
+ border: 1px solid #616161;
+ color: #fff
+}
+
+.dark-background-1.svelte-ttni7y input#league-list-search.svelte-ttni7y:hover {
+ border: 1px solid #737373
+}
+
+.dark-background-1.svelte-ttni7y input#league-list-search.svelte-ttni7y:focus {
+ border: 1px solid #cccccc;
+ background-image: url(/assets/svg/league_list/search-white.svg)
+}
+
+.dark-background-1.svelte-ttni7y div#search-list-container .top-league-container-search p.svelte-ttni7y,
+.dark-background-1.svelte-ttni7y div#popular-list-container .top-league-container p.svelte-ttni7y,
+.dark-background-1.svelte-ttni7y div#countires-list-container .country-league-container p.svelte-ttni7y,
+.dark-background-1.svelte-ttni7y div#countires-list-container .country-league-sub-container p.svelte-ttni7y {
+ color: #fff
+}
+
+.dark-background-1.svelte-ttni7y div.selectedCountry.svelte-ttni7y {
+ background: #616161 !important
+}
+
+.dark-background-1.svelte-ttni7y div#countires-list-container .country-league-sub-container.svelte-ttni7y {
+ background-color: #4b4b4b
+}
+
+.dark-background-1.svelte-ttni7y p.search-title.svelte-ttni7y {
+ color: #fff
+}
+
+.league-table-team-row.svelte-ll6xa.svelte-ll6xa {
+ padding: 6px 20px;
+ background-color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+.league-table-team-row.svelte-ll6xa #image-contaier.svelte-ll6xa {
+ width: 32px;
+ height: 32px;
+ position: relative
+}
+
+.league-table-team-row.svelte-ll6xa #image-contaier img.team-img.svelte-ll6xa {
+ width: 32px;
+ height: 32px;
+ object-fit: contain
+}
+
+.league-table-team-row.svelte-ll6xa div.team-pos.svelte-ll6xa {
+ width: 24px;
+ height: 24px;
+ margin-right: 24px;
+ position: relative;
+ border-radius: 50%
+}
+
+.league-table-team-row.svelte-ll6xa div.team-pos p.svelte-ll6xa {
+ position: absolute;
+ margin: auto;
+ min-width: 24px;
+ text-align: center;
+ height: 24px;
+ border-radius: 30px;
+ padding: 1.5px 8px;
+ color: #fff
+}
+
+.border-pos.svelte-ll6xa.svelte-ll6xa {
+ color: #000 !important;
+ border: 1px solid #e6e6e6
+}
+
+.league-table-team-row.svelte-ll6xa p#box-goals.svelte-ll6xa {
+ background-color: #fff;
+ border: 1px solid #e6e6e6;
+ box-sizing: border-box;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+@media only screen and (max-width: 475px) {
+ .league-table-team-row.svelte-ll6xa.svelte-ll6xa:first-child {
+ padding-top: 24px
+ }
+}
+
+div.dark-background-1.league-table-team-row.svelte-ll6xa.svelte-ll6xa {
+ background-color: #4b4b4b !important
+}
+
+.dark-background-1.league-table-team-row.svelte-ll6xa p#box-goals.svelte-ll6xa {
+ background: #4b4b4b;
+ border: 1px solid #616161
+}
+
+.dark-background-1.svelte-ll6xa .border-pos.svelte-ll6xa {
+ color: #fff !important;
+ border: 1px solid #616161 !important
+}
+
+.dark-background-1.svelte-ll6xa p.svelte-ll6xa {
+ color: #fff
+}
+
+#leagues-table-container.svelte-1b1k432.svelte-1b1k432 {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden;
+ padding-bottom: 14px
+}
+
+div#widget-title-row.svelte-1b1k432.svelte-1b1k432 {
+ margin: 16px 20px 4px
+}
+
+div#widget-title-row.svelte-1b1k432 p.svelte-1b1k432 {
+ white-space: nowrap
+}
+
+div#more-top-leagues-outer.svelte-1b1k432.svelte-1b1k432 {
+ position: absolute;
+ top: 115%;
+ width: 100%;
+ background-color: #fff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 4px;
+ z-index: 10000;
+ height: 302px;
+ overflow-y: scroll;
+ padding-right: 6px
+}
+
+div#more-top-leagues-outer.svelte-1b1k432.svelte-1b1k432::-webkit-scrollbar {
+ display: none
+}
+
+div#more-top-leagues-outer.svelte-1b1k432.svelte-1b1k432::-webkit-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none
+}
+
+div#dropdown-leagues-container.svelte-1b1k432.svelte-1b1k432 {
+ position: relative;
+ margin: 20px 20px 0
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#dropdown-box-select.svelte-1b1k432 {
+ padding: 12px 20px;
+ border: 1px solid #8c8c8c;
+ box-sizing: border-box;
+ border-radius: 8px;
+ position: relative
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container.svelte-1b1k432 {
+ height: 302px;
+ overflow-y: scroll
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container .top-league-container.svelte-1b1k432 {
+ padding: 12px 20px
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container .top-league-container.svelte-1b1k432:hover {
+ cursor: pointer
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container .top-league-container:hover p.svelte-1b1k432 {
+ color: #f5620f !important
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container.svelte-1b1k432::-webkit-scrollbar {
+ width: 4px
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container.svelte-1b1k432::-webkit-scrollbar-track {
+ background: #f2f2f2;
+ border-radius: 12px;
+ margin: 8px
+}
+
+div#dropdown-leagues-container.svelte-1b1k432 div#more-top-leagues-list-container.svelte-1b1k432::-webkit-scrollbar-thumb {
+ background: #cccccc;
+ border-radius: 12px
+}
+
+@media only screen and (min-width: 767px) {
+ #leagues-table-container.svelte-1b1k432.svelte-1b1k432 {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #leagues-table-container.svelte-1b1k432.svelte-1b1k432 {
+ min-width: 100%
+ }
+}
+
+.dark-background-1.svelte-1b1k432 div#dropdown-leagues-container div#more-top-leagues-outer.svelte-1b1k432 {
+ background: #616161;
+ box-shadow: 0 4px 16px #0000003d;
+ border-radius: 4px
+}
+
+.dark-background-1.svelte-1b1k432 div#dropdown-leagues-container div#more-top-leagues-list-container.svelte-1b1k432::-webkit-scrollbar-thumb {
+ background: #999999 !important
+}
+
+.dark-background-1.svelte-1b1k432 div#more-top-leagues-list-container.svelte-1b1k432::-webkit-scrollbar-track {
+ background: #4b4b4b !important
+}
+
+div.fixture-row.svelte-u1l74x.svelte-u1l74x {
+ padding: 5px 16px 5px 8px
+}
+
+div.fixture-time-box.svelte-u1l74x.svelte-u1l74x {
+ min-width: 37px;
+ max-width: 37px
+}
+
+div.fixture-teams-box.svelte-u1l74x.svelte-u1l74x {
+ border-left: 1px var(--grey-color) solid;
+ padding-left: 8px
+}
+
+div.fixture-teams-box.svelte-u1l74x p.odds-view.svelte-u1l74x {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 85px
+}
+
+div.fixtures-scores-box.svelte-u1l74x.svelte-u1l74x {
+ width: 14px
+}
+
+.team-lost-style.svelte-u1l74x.svelte-u1l74x {
+ color: var(--grey) !important
+}
+
+img#sportbook-logo-img.svelte-u1l74x.svelte-u1l74x {
+ width: 20px;
+ height: 20px;
+ object-fit: contain;
+ border-radius: 4px;
+ object-position: left
+}
+
+div.tip-box.svelte-u1l74x.svelte-u1l74x {
+ padding: 2.5px 7px;
+ border-radius: 4px;
+ border: 1px solid #cccccc
+}
+
+div.tip-box.svelte-u1l74x.svelte-u1l74x:hover {
+ border: 1px solid var(--primary) !important
+}
+
+div.tip-box.svelte-u1l74x:hover p.svelte-u1l74x {
+ color: var(--primary)
+}
+
+span.visibility-none.svelte-u1l74x.svelte-u1l74x {
+ visibility: hidden
+}
+
+@media only screen and (min-width: 375px) {
+ div.fixture-teams-box.svelte-u1l74x p.odds-view.svelte-u1l74x {
+ max-width: unset
+ }
+}
+
+@media only screen and (min-width: 475px) {
+ div.fixture-row.svelte-u1l74x.svelte-u1l74x {
+ padding: 5px 16px
+ }
+
+ div.tip-box.svelte-u1l74x.svelte-u1l74x {
+ padding: 6px 12px;
+ margin-right: 16px
+ }
+
+ div.tip-box.svelte-u1l74x p.svelte-u1l74x {
+ font-size: 12px
+ }
+
+ div.fixture-time-box.svelte-u1l74x.svelte-u1l74x {
+ margin-right: 16px;
+ min-width: 47px;
+ max-width: 47px
+ }
+
+ div.fixture-time-box.svelte-u1l74x p.svelte-u1l74x {
+ font-size: 14px
+ }
+
+ div.fixture-teams-box.svelte-u1l74x.svelte-u1l74x {
+ padding-left: 16px
+ }
+
+ img#sportbook-logo-img.svelte-u1l74x.svelte-u1l74x {
+ width: 30px;
+ height: 30px
+ }
+
+ div.fixtures-scores-box.svelte-u1l74x.svelte-u1l74x {
+ margin-left: 16px
+ }
+
+ div.fixtures-scores-box.svelte-u1l74x p.svelte-u1l74x {
+ font-size: 14px;
+ font-weight: 500
+ }
+}
+
+.dark-background-1.svelte-u1l74x div.fixture-teams-box.svelte-u1l74x {
+ border-left: 1px var(--dark-theme-1-shade) solid
+}
+
+.dark-background-1.svelte-u1l74x .dark-theme-custom-1.svelte-u1l74x,
+.dark-background-1.svelte-u1l74x .team-lost-style.svelte-u1l74x {
+ color: var(--dark-theme-1-3-shade) !important
+}
+
+.dark-background-1.svelte-u1l74x .color-red-bright.svelte-u1l74x {
+ color: var(--red-bright) !important
+}
+
+.dark-background-1.svelte-u1l74x div.tip-box.svelte-u1l74x {
+ border: 1px solid var(--dark-theme-1-2-shade)
+}
+
+div.widget-component.svelte-1r11wzy.svelte-1r11wzy {
+ overflow: unset
+}
+
+div.widget-component.svelte-1r11wzy .league-group-main div:first-child a div.league-group.svelte-1r11wzy,
+div.widget-component.svelte-1r11wzy .league-group-live-main a:first-child div.league-group.svelte-1r11wzy {
+ margin-top: 0
+}
+
+div.league-group.svelte-1r11wzy.svelte-1r11wzy {
+ margin-top: 10px;
+ padding: 18px 16px 10px;
+ border-top: 1px solid var(--grey-color)
+}
+
+div.league-group.svelte-1r11wzy img.svelte-1r11wzy {
+ filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .1));
+ border-radius: 1.5px
+}
+
+div#show-more-box.svelte-1r11wzy.svelte-1r11wzy {
+ padding: 26px 0 5px;
+ border-top: 1px solid var(--grey-color)
+}
+
+@media only screen and (min-width: 475px) {
+ div.league-group.svelte-1r11wzy.svelte-1r11wzy {
+ padding: 18px 28px 10px
+ }
+
+ div.league-group.svelte-1r11wzy img.svelte-1r11wzy {
+ margin-right: 32px;
+ widows: 24px;
+ height: 18px
+ }
+
+ div.league-group.svelte-1r11wzy p.svelte-1r11wzy {
+ font-size: 16px
+ }
+}
+
+.dark-background-1.svelte-1r11wzy div.league-group.svelte-1r11wzy,
+.dark-background-1.svelte-1r11wzy div#show-more-box.svelte-1r11wzy {
+ border-top: 1px solid var(--dark-theme-1-shade)
+}
+
+#seo-block-widget-container.svelte-1i8b27r {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden;
+ padding: 20px
+}
+
+#seo-block-widget-container h1,
+#seo-block-widget-container h2,
+#seo-block-widget-container h3 {
+ margin-top: 0
+}
+
+#seo-block-widget-container a {
+ color: #f5620f !important;
+ width: fit-content !important;
+ margin: 0;
+ display: initial
+}
+
+#seo-block-widget-container p {
+ margin-bottom: 24px;
+ color: #8c8c8c
+}
+
+@media only screen and (min-width: 767px) {
+ #seo-block-widget-container.svelte-1i8b27r {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #seo-block-widget-container.svelte-1i8b27r {
+ min-width: 100%
+ }
+}
+
+#seo-block-widget-container.dark-background-1 h1,
+#seo-block-widget-container.dark-background-1 h2,
+#seo-block-widget-container.dark-background-1 h3 {
+ color: #fff !important
+}
+
+#seo-block-widget-container.dark-background-1 p {
+ color: #a8a8a8 !important
+}
+
+.best-player-row.svelte-1cvejsv.svelte-1cvejsv {
+ padding: 12.5px 20px;
+ background-color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative
+}
+
+.best-player-row.svelte-1cvejsv #image-contaier.svelte-1cvejsv {
+ position: relative
+}
+
+.best-player-row.svelte-1cvejsv #image-contaier img#player-img.svelte-1cvejsv {
+ width: 40px;
+ height: 40px;
+ object-fit: contain;
+ border-radius: 50%;
+ border: 1px solid #cccccc
+}
+
+.best-player-row.svelte-1cvejsv #image-contaier img#team-img.svelte-1cvejsv {
+ width: 20px;
+ height: 20px;
+ object-fit: contain;
+ position: absolute;
+ right: -5px;
+ bottom: 0
+}
+
+.best-player-row.svelte-1cvejsv div.pos-number-player-box.svelte-1cvejsv {
+ width: 8px;
+ margin-right: 32px;
+ position: relative
+}
+
+.best-player-row.svelte-1cvejsv div.pos-number-player-box p.svelte-1cvejsv {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 50%;
+ right: 50%;
+ margin: auto;
+ height: 21px
+}
+
+.best-player-row.svelte-1cvejsv p#box-goals.svelte-1cvejsv {
+ background-color: #fff;
+ border: 1px solid #e6e6e6;
+ box-sizing: border-box;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+.best-player-row.svelte-1cvejsv p#box-odds.svelte-1cvejsv {
+ background-color: #f2f2f2;
+ border-radius: 4px;
+ text-align: center;
+ padding: 5px 0;
+ max-height: 30px;
+ width: 64px
+}
+
+a.enabeld-anchor.svelte-1cvejsv:hover p#featm-player-name.svelte-1cvejsv {
+ color: var(--primary) !important
+}
+
+div.goals-mobile.svelte-1cvejsv.svelte-1cvejsv {
+ border: 1px solid #e6e6e6;
+ box-sizing: border-box;
+ border-radius: 4px;
+ padding: 10px 12px
+}
+
+div.odds-mobile.svelte-1cvejsv.svelte-1cvejsv {
+ background: #f2f2f2;
+ border-radius: 4px;
+ box-sizing: border-box;
+ padding: 10px 12px
+}
+
+@media only screen and (max-width: 475px) {
+ .best-player-row.svelte-1cvejsv.svelte-1cvejsv:first-child {
+ padding-top: 24px
+ }
+}
+
+div.dark-background-1.best-player-row.svelte-1cvejsv.svelte-1cvejsv {
+ box-shadow: inset 0 1px #616161 !important;
+ background-color: #4b4b4b !important
+}
+
+.dark-background-1.best-player-row.svelte-1cvejsv #image-contaier img#player-img.svelte-1cvejsv {
+ border: 1px solid #999999 !important
+}
+
+.dark-background-1.best-player-row.svelte-1cvejsv p#box-odds.svelte-1cvejsv {
+ background-color: #616161 !important
+}
+
+.dark-background-1.best-player-row.svelte-1cvejsv p#box-goals.svelte-1cvejsv {
+ background: #4b4b4b;
+ border: 1px solid #616161
+}
+
+.dark-background-1.svelte-1cvejsv div.goals-mobile.svelte-1cvejsv,
+.dark-background-1.svelte-1cvejsv div.odds-mobile.svelte-1cvejsv {
+ background-color: #616161 !important;
+ border: 1px solid #616161
+}
+
+.dark-background-1.svelte-1cvejsv p.svelte-1cvejsv {
+ color: #fff
+}
+
+#featured-list-container.svelte-1a0vn9j.svelte-1a0vn9j {
+ display: grid;
+ background: #ffffff;
+ box-shadow: 0 4px 16px #00000014;
+ border-radius: 12px;
+ width: 100%;
+ overflow: hidden
+}
+
+div#widget-title-row.svelte-1a0vn9j.svelte-1a0vn9j {
+ background-color: #f2f2f2;
+ border-radius: 2px;
+ padding: 7px 18px 7px 40px;
+ margin: 20px 20px 12.5px
+}
+
+#show-more-box.svelte-1a0vn9j.svelte-1a0vn9j {
+ padding: 25px 0;
+ text-align: center;
+ white-space: nowrap;
+ color: var(--primary);
+ box-shadow: inset 0 1px #ebebeb;
+ cursor: pointer
+}
+
+@media only screen and (min-width: 767px) {
+ #featured-list-container.svelte-1a0vn9j.svelte-1a0vn9j {
+ min-width: 100%
+ }
+}
+
+@media only screen and (min-width: 1024px) {
+ #featured-list-container.svelte-1a0vn9j.svelte-1a0vn9j {
+ min-width: 100%
+ }
+}
+
+.dark-background-1.svelte-1a0vn9j p#show-more-box.svelte-1a0vn9j {
+ box-shadow: inset 0 1px #616161 !important
+}
+
+.dark-background-1.svelte-1a0vn9j div#widget-title-row.svelte-1a0vn9j {
+ background-color: #616161 !important
+}
\ No newline at end of file
diff --git a/static/app.css b/static/app.css
index 268a74aa8..f9ebba0f9 100644
--- a/static/app.css
+++ b/static/app.css
@@ -77,10 +77,17 @@ p {
}
}
-/* ... zoom-out-mobiles-input-form ... */
-/* https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */
-@supports (-webkit-overflow-scrolling: touch) {
- input:active {
+/*
+### NOTE:
+### zoom-out-mobiles-input-form
+### SEE:
+### https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
+*/
+@supports (-webkit-overflow-scrolling: touch)
+{
+ form input:active,
+ input:active
+ {
font-size: 16px !important;
}
}
@@ -90,13 +97,14 @@ p {
/* #region ➤ [MAIN] [ROOT] Layout */
/* DOC: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */
-:root {
+:root
+{
/*
- dimensions
+ DIMENSIONS
*/
--app-height: 100%;
/*
- main app colors
+ MAIN / LIGHT THEME COLORS
*/
--white: #ffffff;
--whitev2: #f2f2f2;
@@ -111,7 +119,7 @@ p {
--grey-shade: #cccccc;
--yellow-gold: #FFB904;
/*
- dark theme colors
+ DARK THEME COLORS
*/
--black: #000000;
--dark: #121212;
@@ -123,16 +131,18 @@ p {
--dark-theme-1-2-shade: #737373;
--dark-theme-1-3-shade: #999999;
/*
- breakpoints
- NOTE: don't work with @media...
+ ### breakpoints
+ ### NOTE: don't work with @media... queries
*/
--mobile: 375;
--tablet: 767;
--desktop: 1440;
/*
- other [fades]
+ OTHER FADE COLORS
*/
--oragne-pale-bg: rgba(247, 124, 66, 0.2);
+
+ --header-is-mobile: false;
}
/* #endregion ➤ [MAIN] [ROOT] Layout */
@@ -719,10 +729,6 @@ button
display: flex;
justify-content: center;
}
-button p
-{
- /* font-weight: 400; */
-}
button:disabled
{
cursor: default;
@@ -957,19 +963,53 @@ form select
box-sizing: border-box;
border-radius: 7.34914px;
padding: 7px;
+ background-color: transparent;
+ border: 1px solid var(--gray-day, #CCC);
+}
+
+input
+{
+ /* 🎨 style */
+ height: 44px;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ border: 1px solid var(--grey-shade);
+ box-sizing: border-box;
+ border-radius: 8px;
+ padding: 20px 12px;
+ outline: none;
+ font-size: 14px;
+ background-color: transparent;
+}
+input:hover
+{
+ /* 🎨 style */
+ border: 1px solid var(--grey);
}
input:focus
{
- /* padding: 5px; */
- /* border: 2.5px solid #ff5555; */
+ /* 🎨 style */
+ border: 1px solid var(--dark-theme-1);
+}
+input[placeholder]
+{
+ /* 🎨 style */
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.width-auto
{
width: auto;
}
+.width-100
+{
+ width: 100%;
+}
-.hover\/transition\/v-1
+.hover\/transition\/v-1,
+.hover-transition-v-1
{
/* 🎨 style */
transition: all 0.15s ease;
@@ -981,36 +1021,61 @@ input:focus
/*
=========================
-DARK-MODE FORM CSS STYLE
+🌒 DARK-MODE
=========================
*/
-.dark-background {
+.dark-background
+{
+ /* 🎨 style */
background-color: var(--dark-theme) !important;
}
-.dark-background-1 {
- background-color: var(
- --dark-theme-1
- ) !important;
+.dark-background-1
+{
+ /* 🎨 style */
+ background-color: var(--dark-theme-1) !important;
}
.dark-background .color-grey,
-.dark-background-1 .color-grey {
+.dark-background-1 .color-grey
+{
+ /* 🎨 style */
color: #a8a8a8 !important;
}
.dark-background .color-black-2,
-.dark-background-1 .color-black-2 {
+.dark-background-1 .color-black-2
+{
+ /* 🎨 style */
color: #ffffff !important;
}
.dark-background .color-primary,
-.dark-background-1 .color-primary {
+.dark-background-1 .color-primary
+{
+ /* 🎨 style */
color: var(--primary) !important;
}
-.dark-background .widget-component {
+.dark-background .widget-component
+{
+ /* 🎨 style */
background-color: var(--dark-theme-1) !important;
}
+.dark-background-1 input
+{
+ border: 1px solid var(--dark-theme-1-2-shade);
+}
+.dark-background-1 input:hover
+{
+ /* 🎨 style */
+ border: 1px solid var(--dark-theme-1-3-shade);
+}
+.dark-background-1 input:focus
+{
+ /* 🎨 style */
+ border: 1px solid var(--dark-theme-1-3-shade);
+}
+
/* #endregion ➤ [MAIN] [DARK MODE (OVERRIDES) STYLES] Website Layout */
diff --git a/svelte.config.js b/svelte.config.js
index 1cf1b5b8a..8932e3d2f 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -6,14 +6,30 @@ import preprocess from 'svelte-preprocess';
*/
const config =
{
+
// ### SEE:
// ### https://github.com/sveltejs/svelte-preprocess
preprocess: preprocess(),
+
+ // ### SEE:
+ // ### https://kit.svelte.dev/docs/configuration
kit:
{
- adapter: node(),
+ output:
+ {
+ preloadStrategy: 'modulepreload'
+ },
- //#region => CSP (CONFIG) (DISABLED) DOC: REF:[7]
+ adapter: node
+ (
+ {
+ // ### SEE:
+ // ### https://discord.com/channels/457912077277855764/1049973005675143219
+ precompress: true
+ }
+ ),
+
+ // #region => CSP (CONFIG) (DISABLED) DOC: REF:[7]
// NOTE: 'none' No URLs match.
// NOTE: 'self' Refers to the origin site with the same scheme and port number.
@@ -228,9 +244,10 @@ const config =
// }
// }
- //#endregion => CSP (CONFIG) (DISABLED)
+ // #endregion => CSP (CONFIG) (DISABLED)
},
+
// ### SEE:
// ### https://github.com/sveltejs/language-tools/issues/650
// ### https://github.com/sveltejs/language-tools/tree/master/packages/svelte-check
@@ -245,6 +262,7 @@ const config =
if (warning.code.startsWith('unused-export-let')) return;
handler(warning);
}
+
};
export default config;
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 7c4d7d39b..ee513e0c5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,39 +1,228 @@
import { sveltekit } from '@sveltejs/kit/vite';
-import viteCompression from 'vite-plugin-compression';
+// import viteCompression from 'vite-plugin-compression';
+// import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
import { defineConfig } from 'vitest/config';
+// import fs from 'fs';
export default defineConfig
(
{
plugins:
[
- // ### DOC: vite-plugin-chunk-split
- // ### NOTE: IMPORTANT
- // ### Not-working - does not compile correctly.
+
+ // ### NOTE:
+ // ### comes from 'vite-plugin-chunk-split'
+ // ### WARNING:
+ // ### does not work, breaks build
// chunkSplitPlugin({ strategy: 'all-in-one' }),
- // ### DOC: vite-plugin-compress
+
+ // ### NOTE:
+ // ### comes from 'vite-plugin-progress'
+ // ### WARNING:
+ // ### does not work as expected/advertised [?]
// progress(),
- // ### DOC: vite-plugin-progress
- // c.compress()
- viteCompression(),
- sveltekit()
+
+ // ### NOTE:
+ // ### comes from 'vite-plugin-compress'
+ // ### WARNING:
+ // ### does not work, breaks build
+ // c.compress(),
+
+ // ### NOTE:
+ // ### comes from 'vite-plugin-preload'
+ // ### WARNING:
+ // ### does not work as expected/advertised [?]
+ // preload(),
+
+ // ### IMPORTANT
+ sveltekit(),
+ // viteCompression(),
+ // ### IMPORTANT
+
+ // ### NOTE:
+ // ### comes from 'vite-plugin-css-injected-by-js'
+ // ### WARNING:
+ // ### overrides 'CSS' imported by 'svelte/+kit'
+ // ### requires to be imported a '
' in the 'src/app.html'
+ /*
+ cssInjectedByJsPlugin
+ (
+ {
+
+ // relativeCSSInjection: true,
+
+ // topExecutionPriority: true,
+
+ // jsAssetsFilterFunction: function customJsAssetsfilterFunction
+ // (
+ // outputChunk
+ // )
+ // {
+
+ // // [🐞]
+ // // ### NOTE:
+ // // ### It appears, the 'outputChunk.filename' is of type:
+ // // ### - _app/immutable/chunks/index.088b98a6.js
+ // // ### - _app/immutable/chunks/index.8e8ca4ce.js
+ // // ### etc.
+ // // console.log(outputChunk.fileName);
+
+ // return outputChunk.fileName == 'index.js';
+ // }
+
+ // ### NOTE:
+ // ### definitive 'hack' solution for 'single CSS file' output chunk.
+ injectCode:
+ (
+ cssCode,
+ options
+ ): string =>
+ {
+
+ const generateOneCssFile: boolean = false;
+
+ if (generateOneCssFile)
+ {
+ // ### NOTE:
+ // ### the 'cssCode' generated contains some 'formatting' issues.
+ // ### remove 1st and last speech marks.
+ // ### remove cases of `\n` chars.
+ // ### correct custom case of 'ids'/'classes' using the 'forward-slash' in the declaration.
+ let cssCodeMod: string = cssCode.slice(1, -1);
+ cssCodeMod = cssCodeMod.replace(/\\n/g, "");
+ cssCodeMod = cssCodeMod.replace(/\\\\/g,"\\")
+
+ // ### WARNING:
+ // ### 'all-css-chunk.css' must exist inside '/static'
+ fs.writeFile
+ (
+ './static/all-css-chunk.css',
+ cssCodeMod,
+ err =>
+ {
+ if (err) console.error(err);
+ }
+ );
+ }
+
+ return '';
+
+ // return `try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode(${cssCode}));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}`
+ }
+
+ }
+ ),
+ */
+
],
- // DOC: REF: [6]
- build: {
+
+ // ### DOC:
+ // ### look for reference [6]
+ build:
+ {
+ // ### NOTE:
+ // ### gets overridden by SvelteKit.
+ // cssCodeSplit: false,
+
+ minify: 'esbuild',
+ cssMinify: 'lightningcss',
+
+ // ### NOTE:
+ // ### rollup config.
rollupOptions:
{
output:
{
- manualChunks: undefined
+ // manualChunks: undefined
+
+ // ### SEE:
+ // ### https://github.com/vitejs/vite/discussions/9440#discussioncomment-5913798
+ // ### https://stackoverflow.com/questions/68643743/separating-material-ui-in-vite-rollup-as-a-manual-chunk-to-reduce-chunk-size
+ manualChunks
+ (
+ id,
+ opt
+ )
+ {
+ // [🐞]
+ // console.log(id);
+
+ /*
+ fs.appendFile
+ (
+ './chunks-full.json',
+ id,
+ err =>
+ {
+ if (err) console.error(err);
+ }
+ );
+
+ fs.appendFile
+ (
+ './chunks-full.json',
+ JSON.stringify(opt, null, 4),
+ err =>
+ {
+ if (err) console.error(err);
+ }
+ );
+ */
+
+ // ### NOTE:
+ // ### testing for 'per-page' component build split.
+ // ### NOTE:
+ // ### works well, but at times incosistent, due to CSS.
+ // if (id.includes('src/lib/components/_main_'))
+ // return 'M-main-single-chunk';
+ // ;
+ if (id.includes('src/'))
+ return 'M-homepage-single-chunk';
+ ;
+ // if (id.includes('src/lib/store/'))
+ // return 'M-stores-single-chunk';
+ // ;
+ // if (id.includes('src/lib/firebase/'))
+ // return 'M-firebase-single-chunk';
+ // ;
+ // ### NOTE:
+ // ### works well, but at times incosistent
+ // ### supercharged with hardcoded CSS.
+ // if (id.includes('src/'))
+ // return 'M-single-chunk';
+ // ;
+
+ // ### NOTE:
+ // ### gives error of 'dev' issue [?]
+ // if (id.includes('src/lib/utils/'))
+ // return 'M-utils-single-chunk';
+
+ // ### SEE:
+ // ### 1st comment - https://stackoverflow.com/a/71578633/8421215
+ // if (id.indexOf("react") !== -1) { return; }
+
+ // ### SEE:
+ // ### https://github.com/sveltejs/kit/issues/7257#issuecomment-1528962348
+ // if (id.includes('@sentry') && !id.includes('@sentry/browser') && !id.includes('@sentry/tracing'))
+ // return 'vendor_sentry'
+
+ // ### NOTE:
+ // ### original
+ // if (id.includes('node_modules'))
+ // return id.toString().split('node_modules/')[1].split('/')[0].toString();
+ }
}
}
},
- test:
- {
- include: ['src/**/*.{test,spec}.{js,ts}'],
- globals: true,
- environment: 'jsdom',
- // setupFiles: ["src/setuptest.js"],
- }
+
+ // ### NOTE:
+ // ### 'vitest' integration (disabled)
+ // test:
+ // {
+ // include: ['src/**/*.{test,spec}.{js,ts}'],
+ // globals: true,
+ // environment: 'jsdom',
+ // // setupFiles: ["src/setuptest.js"],
+ // }
}
);