From 0ac148d8991fd3eea5698de015f6849749474d82 Mon Sep 17 00:00:00 2001 From: dario-cfpt Date: Tue, 10 Dec 2019 11:36:05 +0100 Subject: [PATCH] Add cordova project template with framework7 --- .gitignore | 9 - mobile/.gitignore | 8 + mobile/config.xml | 26 + mobile/hooks/README.md | 23 + mobile/package-lock.json | 712 + mobile/package.json | 31 + mobile/www/css/app.css | 71 + mobile/www/css/icons.css | 70 + mobile/www/fonts/Framework7Icons-Regular.eot | Bin 0 -> 82770 bytes mobile/www/fonts/Framework7Icons-Regular.ttf | Bin 0 -> 82560 bytes mobile/www/fonts/Framework7Icons-Regular.woff | Bin 0 -> 40036 bytes .../www/fonts/Framework7Icons-Regular.woff2 | Bin 0 -> 31456 bytes mobile/www/fonts/MaterialIcons-Regular.eot | Bin 0 -> 143258 bytes mobile/www/fonts/MaterialIcons-Regular.ttf | Bin 0 -> 128180 bytes mobile/www/fonts/MaterialIcons-Regular.woff | Bin 0 -> 57620 bytes mobile/www/fonts/MaterialIcons-Regular.woff2 | Bin 0 -> 44300 bytes .../www/framework7/css/framework7.bundle.css | 15650 +++++++ .../framework7/css/framework7.bundle.min.css | 13 + .../framework7/css/framework7.bundle.rtl.css | 15664 +++++++ .../css/framework7.bundle.rtl.min.css | 13 + mobile/www/framework7/css/framework7.css | 4408 ++ mobile/www/framework7/css/framework7.min.css | 13 + mobile/www/framework7/css/framework7.rtl.css | 4412 ++ .../www/framework7/css/framework7.rtl.min.css | 13 + .../www/framework7/js/framework7.bundle.d.ts | 311 + mobile/www/framework7/js/framework7.bundle.js | 35807 ++++++++++++++++ .../framework7/js/framework7.bundle.min.js | 14 + .../js/framework7.bundle.min.js.map | 1 + mobile/www/framework7/js/framework7.d.ts | 311 + mobile/www/framework7/js/framework7.js | 13041 ++++++ mobile/www/framework7/js/framework7.min.js | 14 + .../www/framework7/js/framework7.min.js.map | 1 + mobile/www/img/logo.png | Bin 0 -> 21814 bytes mobile/www/index.html | 227 + mobile/www/js/app.js | 44 + mobile/www/js/routes.js | 79 + mobile/www/pages/404.html | 19 + mobile/www/pages/about.html | 25 + mobile/www/pages/form.html | 257 + mobile/www/pages/page-loader-component.html | 131 + mobile/www/pages/page-loader-template7.html | 46 + mobile/www/pages/request-and-load.html | 30 + 42 files changed, 91485 insertions(+), 9 deletions(-) create mode 100644 mobile/.gitignore create mode 100644 mobile/config.xml create mode 100644 mobile/hooks/README.md create mode 100644 mobile/package-lock.json create mode 100644 mobile/package.json create mode 100644 mobile/www/css/app.css create mode 100644 mobile/www/css/icons.css create mode 100644 mobile/www/fonts/Framework7Icons-Regular.eot create mode 100644 mobile/www/fonts/Framework7Icons-Regular.ttf create mode 100644 mobile/www/fonts/Framework7Icons-Regular.woff create mode 100644 mobile/www/fonts/Framework7Icons-Regular.woff2 create mode 100644 mobile/www/fonts/MaterialIcons-Regular.eot create mode 100644 mobile/www/fonts/MaterialIcons-Regular.ttf create mode 100644 mobile/www/fonts/MaterialIcons-Regular.woff create mode 100644 mobile/www/fonts/MaterialIcons-Regular.woff2 create mode 100644 mobile/www/framework7/css/framework7.bundle.css create mode 100644 mobile/www/framework7/css/framework7.bundle.min.css create mode 100644 mobile/www/framework7/css/framework7.bundle.rtl.css create mode 100644 mobile/www/framework7/css/framework7.bundle.rtl.min.css create mode 100644 mobile/www/framework7/css/framework7.css create mode 100644 mobile/www/framework7/css/framework7.min.css create mode 100644 mobile/www/framework7/css/framework7.rtl.css create mode 100644 mobile/www/framework7/css/framework7.rtl.min.css create mode 100644 mobile/www/framework7/js/framework7.bundle.d.ts create mode 100644 mobile/www/framework7/js/framework7.bundle.js create mode 100644 mobile/www/framework7/js/framework7.bundle.min.js create mode 100644 mobile/www/framework7/js/framework7.bundle.min.js.map create mode 100644 mobile/www/framework7/js/framework7.d.ts create mode 100644 mobile/www/framework7/js/framework7.js create mode 100644 mobile/www/framework7/js/framework7.min.js create mode 100644 mobile/www/framework7/js/framework7.min.js.map create mode 100644 mobile/www/img/logo.png create mode 100644 mobile/www/index.html create mode 100644 mobile/www/js/app.js create mode 100644 mobile/www/js/routes.js create mode 100644 mobile/www/pages/404.html create mode 100644 mobile/www/pages/about.html create mode 100644 mobile/www/pages/form.html create mode 100644 mobile/www/pages/page-loader-component.html create mode 100644 mobile/www/pages/page-loader-template7.html create mode 100644 mobile/www/pages/request-and-load.html diff --git a/.gitignore b/.gitignore index b827b45..c70f7c4 100644 --- a/.gitignore +++ b/.gitignore @@ -2,15 +2,6 @@ # Created by https://www.gitignore.io/api/node,webstorm,apachecordova,visualstudiocode # Edit at https://www.gitignore.io/?templates=node,webstorm,apachecordova,visualstudiocode -### ApacheCordova ### -# Apache Cordova generated files and directories -bin/* -!/plugins -!/plugins/android.json -!/plugins/fetch.json -plugins/* -platforms/* - ### Node ### # Logs logs diff --git a/mobile/.gitignore b/mobile/.gitignore new file mode 100644 index 0000000..b8c962f --- /dev/null +++ b/mobile/.gitignore @@ -0,0 +1,8 @@ +### ApacheCordova ### +# Apache Cordova generated files and directories +bin/* +!/plugins +!/plugins/android.json +!/plugins/fetch.json +plugins/* +platforms/* diff --git a/mobile/config.xml b/mobile/config.xml new file mode 100644 index 0000000..1f06902 --- /dev/null +++ b/mobile/config.xml @@ -0,0 +1,26 @@ + + + FE_Charts + + A sample Apache Cordova application that responds to the deviceready event. + + + Apache Cordova Team + + + + + + + + + + + + + + + + + + diff --git a/mobile/hooks/README.md b/mobile/hooks/README.md new file mode 100644 index 0000000..574ad4c --- /dev/null +++ b/mobile/hooks/README.md @@ -0,0 +1,23 @@ + +# Cordova Hooks + +Cordova Hooks represent special scripts which could be added by application and plugin developers or even by your own build system to customize cordova commands. See Hooks Guide for more details: http://cordova.apache.org/docs/en/edge/guide_appdev_hooks_index.md.html#Hooks%20Guide. diff --git a/mobile/package-lock.json b/mobile/package-lock.json new file mode 100644 index 0000000..6a88859 --- /dev/null +++ b/mobile/package-lock.json @@ -0,0 +1,712 @@ +{ + "name": "net.dariogenga.fecharts", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", + "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" + }, + "android-versions": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/android-versions/-/android-versions-1.5.0.tgz", + "integrity": "sha512-/GWUAqa2OJNlDF5VGSe3SR1QMHEPXxx54Ur56r0qQC0H9FlBr7kyBF2SgVEhzFCPbrW4UcYgVuWrq/2Ty3QvXg==", + "requires": { + "semver": "^5.4.1" + } + }, + "ansi": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/ansi/-/ansi-0.3.1.tgz", + "integrity": "sha1-DELU+xcWDVqa8eSEus4cZpIsGyE=" + }, + "array-ify": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz", + "integrity": "sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=" + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" + }, + "base64-js": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz", + "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==" + }, + "big-integer": { + "version": "1.6.48", + "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.48.tgz", + "integrity": "sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w==" + }, + "bplist-creator": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.0.8.tgz", + "integrity": "sha512-Za9JKzD6fjLC16oX2wsXfc+qBEhJBJB1YPInoAQpMLhDuj5aVOv1baGeIQSq1Fr3OCqzvsoQcSBSwGId/Ja2PA==", + "requires": { + "stream-buffers": "~2.2.0" + } + }, + "bplist-parser": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.1.1.tgz", + "integrity": "sha1-1g1dzCDLptx+HymbNdPh+V2vuuY=", + "requires": { + "big-integer": "^1.6.7" + } + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "compare-func": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-1.3.2.tgz", + "integrity": "sha1-md0LpFfh+bxyKxLAjsM+6rMfpkg=", + "requires": { + "array-ify": "^1.0.0", + "dot-prop": "^3.0.0" + } + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "cordova-android": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/cordova-android/-/cordova-android-8.1.0.tgz", + "integrity": "sha512-eAY6g9q3raJ4P03wNdSWC5MOW1EfxoomWNXsPhi7T6Q9yAqmxqn0sLEUjLL1Ib0LCH3nKQWBXdxapQ5LgbHu+g==", + "requires": { + "android-versions": "^1.4.0", + "compare-func": "^1.3.2", + "cordova-common": "^3.2.0", + "nopt": "^4.0.1", + "properties-parser": "^0.3.1", + "q": "^1.5.1", + "shelljs": "^0.5.3" + } + }, + "cordova-common": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/cordova-common/-/cordova-common-3.2.1.tgz", + "integrity": "sha512-xg0EnjnA6EipxXG8cupdlYQYeDA6+ghbN+Pjq88xN1LInwP6Bo7IyGBdSV5QnfjOvzShF9BBwSxBAv0FOO0C2Q==", + "requires": { + "ansi": "^0.3.1", + "bplist-parser": "^0.1.0", + "cross-spawn": "^6.0.5", + "elementtree": "0.1.7", + "endent": "^1.1.1", + "fs-extra": "^8.0.0", + "glob": "^7.1.2", + "minimatch": "^3.0.0", + "plist": "^3.0.1", + "q": "^1.4.1", + "strip-bom": "^3.0.0", + "underscore": "^1.8.3", + "which": "^1.3.0" + } + }, + "cordova-ios": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/cordova-ios/-/cordova-ios-5.1.1.tgz", + "integrity": "sha512-asZMCj44JMe/PMrDIRC97GStPCH+GpaMNVe8hdmu8WWXJzMzRNRRJ339YYU89jitWf9ZKMdyBgrnSnQi5bJ/ZQ==", + "requires": { + "cordova-common": "^3.1.0", + "ios-sim": "^8.0.1", + "nopt": "^4.0.1", + "plist": "^3.0.1", + "q": "^1.5.1", + "semver": "^6.3.0", + "shelljs": "^0.5.3", + "unorm": "^1.4.1", + "xcode": "^2.0.0", + "xml-escape": "^1.1.0" + }, + "dependencies": { + "semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" + } + } + }, + "cordova-plugin-whitelist": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/cordova-plugin-whitelist/-/cordova-plugin-whitelist-1.3.4.tgz", + "integrity": "sha512-EYC5eQFVkoYXq39l7tYKE6lEjHJ04mvTmKXxGL7quHLdFPfJMNzru/UYpn92AOfpl3PQaZmou78C7EgmFOwFQQ==", + "dev": true + }, + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, + "dedent": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz", + "integrity": "sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=" + }, + "deep-equal": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz", + "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=" + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "requires": { + "object-keys": "^1.0.12" + } + }, + "defined": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", + "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=" + }, + "dot-prop": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-3.0.0.tgz", + "integrity": "sha1-G3CK8JSknJoOfbyteQq6U52sEXc=", + "requires": { + "is-obj": "^1.0.0" + } + }, + "elementtree": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/elementtree/-/elementtree-0.1.7.tgz", + "integrity": "sha1-mskb5uUvtuYkTE5UpKw+2K6OKcA=", + "requires": { + "sax": "1.1.4" + } + }, + "endent": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/endent/-/endent-1.3.0.tgz", + "integrity": "sha512-C8AryqPPwtydqcpO5AF6k9Bd1EpFkQtvsefJqS3y3n8TG13Jy63MascDxTOULZYqrUde+dK6BjNc6LIMr3iI2A==", + "requires": { + "dedent": "^0.7.0", + "fast-json-parse": "^1.0.3", + "objectorarray": "^1.0.3" + } + }, + "es-abstract": { + "version": "1.16.3", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.16.3.tgz", + "integrity": "sha512-WtY7Fx5LiOnSYgF5eg/1T+GONaGmpvpPdCpSnYij+U2gDTL0UPfWrhDw7b2IYb+9NQJsYpCA0wOQvZfsd6YwRw==", + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.1.4", + "is-regex": "^1.0.4", + "object-inspect": "^1.7.0", + "object-keys": "^1.1.1", + "string.prototype.trimleft": "^2.1.0", + "string.prototype.trimright": "^2.1.0" + }, + "dependencies": { + "object-inspect": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz", + "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==" + } + } + }, + "es-to-primitive": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", + "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", + "requires": { + "is-callable": "^1.1.4", + "is-date-object": "^1.0.1", + "is-symbol": "^1.0.2" + } + }, + "fast-json-parse": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz", + "integrity": "sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==" + }, + "for-each": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "requires": { + "is-callable": "^1.1.3" + } + }, + "fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "graceful-fs": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz", + "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==" + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-symbols": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", + "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==" + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "ios-sim": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/ios-sim/-/ios-sim-8.0.2.tgz", + "integrity": "sha512-P7nEG771bfd+JoMRjnis1gpZOkjTUUxu+4Ek1Z+eoaEEoT9byllU9pxfQ8Df7hL3gSkIQxNwTSLhos2I8tWUQA==", + "requires": { + "bplist-parser": "^0.0.6", + "nopt": "1.0.9", + "plist": "^3.0.1", + "simctl": "^2" + }, + "dependencies": { + "bplist-parser": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.0.6.tgz", + "integrity": "sha1-ONo0cYF9+dRKs4kuJ3B7u9daEbk=" + }, + "nopt": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.9.tgz", + "integrity": "sha1-O8DXy6e/sNWmdtvtfA6+SKT9RU4=", + "requires": { + "abbrev": "1" + } + } + } + }, + "is-callable": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz", + "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==" + }, + "is-date-object": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", + "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=" + }, + "is-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=" + }, + "is-regex": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz", + "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", + "requires": { + "has": "^1.0.1" + } + }, + "is-symbol": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", + "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", + "requires": { + "has-symbols": "^1.0.1" + } + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "requires": { + "graceful-fs": "^4.1.6" + } + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" + }, + "nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" + }, + "nopt": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz", + "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=", + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + }, + "object-inspect": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.6.0.tgz", + "integrity": "sha512-GJzfBZ6DgDAmnuaM3104jR4s1Myxr3Y3zfIyN4z3UdqN69oSRacNK8UhnobDdC+7J2AHCjGwxQubNJfE70SXXQ==" + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" + }, + "objectorarray": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.3.tgz", + "integrity": "sha512-kPoflSYkAf/Onvjr4ZLaq37vDuOXjVzfwLCRuORRzYGdXkHa/vacPT0RgR+KmtkwOYFcxTMM62BRrZk8GGKHjw==", + "requires": { + "tape": "^4.8.0" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" + }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, + "osenv": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", + "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=" + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + }, + "plist": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/plist/-/plist-3.0.1.tgz", + "integrity": "sha512-GpgvHHocGRyQm74b6FWEZZVRroHKE1I0/BTjAmySaohK+cUn+hZpbqXkc3KWgW3gQYkqcQej35FohcT0FRlkRQ==", + "requires": { + "base64-js": "^1.2.3", + "xmlbuilder": "^9.0.7", + "xmldom": "0.1.x" + } + }, + "properties-parser": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/properties-parser/-/properties-parser-0.3.1.tgz", + "integrity": "sha1-ExbpU5/7/ZOEXjabIRAiq9R4dxo=", + "requires": { + "string.prototype.codepointat": "^0.2.0" + } + }, + "q": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", + "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=" + }, + "resolve": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", + "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "requires": { + "path-parse": "^1.0.6" + } + }, + "resumer": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/resumer/-/resumer-0.0.0.tgz", + "integrity": "sha1-8ej0YeQGS6Oegq883CqMiT0HZ1k=", + "requires": { + "through": "~2.3.4" + } + }, + "sax": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.1.4.tgz", + "integrity": "sha1-dLbTPJrh4AFRDxeakRaFiPGu2qk=" + }, + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" + }, + "shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", + "requires": { + "shebang-regex": "^1.0.0" + } + }, + "shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=" + }, + "shelljs": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.5.3.tgz", + "integrity": "sha1-xUmCuZbHbvDB5rWfvcWCX1txMRM=" + }, + "simctl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/simctl/-/simctl-2.0.0.tgz", + "integrity": "sha512-5rB7rN4N3b0z0nFdy9eczVssXqrv2aAgdVRksPVqVoiDtvXmfzNvebp3EMdId2sAUzXIflarQlx4P0hjVQEzKQ==", + "requires": { + "shelljs": "^0.2.6", + "tail": "^0.4.0" + }, + "dependencies": { + "shelljs": { + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.2.6.tgz", + "integrity": "sha1-kEktcv/MgVmXa6umL7D2iE8MM3g=" + } + } + }, + "simple-plist": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/simple-plist/-/simple-plist-1.1.0.tgz", + "integrity": "sha512-2i5Tc0BYAqppM7jVzmNrI+aEUntPolIq4fDgji6WuNNn1D/qYdn2KwoLhZdzQkE04lu9L5tUoeJsjuJAvd+lFg==", + "requires": { + "bplist-creator": "0.0.8", + "bplist-parser": "0.2.0", + "plist": "^3.0.1" + }, + "dependencies": { + "bplist-parser": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz", + "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==", + "requires": { + "big-integer": "^1.6.44" + } + } + } + }, + "stream-buffers": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/stream-buffers/-/stream-buffers-2.2.0.tgz", + "integrity": "sha1-kdX1Ew0c75bc+n9yaUUYh0HQnuQ=" + }, + "string.prototype.codepointat": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string.prototype.codepointat/-/string.prototype.codepointat-0.2.1.tgz", + "integrity": "sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==" + }, + "string.prototype.trim": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.1.2.tgz", + "integrity": "sha1-0E3iyJ4Tf019IG8Ia17S+ua+jOo=", + "requires": { + "define-properties": "^1.1.2", + "es-abstract": "^1.5.0", + "function-bind": "^1.0.2" + } + }, + "string.prototype.trimleft": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.0.tgz", + "integrity": "sha512-FJ6b7EgdKxxbDxc79cOlok6Afd++TTs5szo+zJTUyow3ycrRfJVE2pq3vcN53XexvKZu/DJMDfeI/qMiZTrjTw==", + "requires": { + "define-properties": "^1.1.3", + "function-bind": "^1.1.1" + } + }, + "string.prototype.trimright": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.0.tgz", + "integrity": "sha512-fXZTSV55dNBwv16uw+hh5jkghxSnc5oHq+5K/gXgizHwAvMetdAJlHqqoFC1FSDVPYWLkAKl2cxpUT41sV7nSg==", + "requires": { + "define-properties": "^1.1.3", + "function-bind": "^1.1.1" + } + }, + "strip-bom": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", + "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=" + }, + "tail": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/tail/-/tail-0.4.0.tgz", + "integrity": "sha1-0p3nJ1DMmdseBTr/E8NZ7PtxMAI=" + }, + "tape": { + "version": "4.11.0", + "resolved": "https://registry.npmjs.org/tape/-/tape-4.11.0.tgz", + "integrity": "sha512-yixvDMX7q7JIs/omJSzSZrqulOV51EC9dK8dM0TzImTIkHWfe2/kFyL5v+d9C+SrCMaICk59ujsqFAVidDqDaA==", + "requires": { + "deep-equal": "~1.0.1", + "defined": "~1.0.0", + "for-each": "~0.3.3", + "function-bind": "~1.1.1", + "glob": "~7.1.4", + "has": "~1.0.3", + "inherits": "~2.0.4", + "minimist": "~1.2.0", + "object-inspect": "~1.6.0", + "resolve": "~1.11.1", + "resumer": "~0.0.0", + "string.prototype.trim": "~1.1.2", + "through": "~2.3.8" + } + }, + "through": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" + }, + "underscore": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.9.1.tgz", + "integrity": "sha512-5/4etnCkd9c8gwgowi5/om/mYO5ajCaOgdzj/oW+0eQV9WxKBDZw5+ycmKmeaTXjInS/W0BzpGLo2xR2aBwZdg==" + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" + }, + "unorm": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/unorm/-/unorm-1.6.0.tgz", + "integrity": "sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA==" + }, + "uuid": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz", + "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==" + }, + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "requires": { + "isexe": "^2.0.0" + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "xcode": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/xcode/-/xcode-2.0.0.tgz", + "integrity": "sha512-5xF6RCjAdDEiEsbbZaS/gBRt3jZ/177otZcpoLCjGN/u1LrfgH7/Sgeeavpr/jELpyDqN2im3AKosl2G2W8hfw==", + "requires": { + "simple-plist": "^1.0.0", + "uuid": "^3.3.2" + } + }, + "xml-escape": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/xml-escape/-/xml-escape-1.1.0.tgz", + "integrity": "sha1-OQTBQ/qOs6ADDsZG0pAqLxtwbEQ=" + }, + "xmlbuilder": { + "version": "9.0.7", + "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.7.tgz", + "integrity": "sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=" + }, + "xmldom": { + "version": "0.1.27", + "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.27.tgz", + "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=" + } + } +} diff --git a/mobile/package.json b/mobile/package.json new file mode 100644 index 0000000..de5819d --- /dev/null +++ b/mobile/package.json @@ -0,0 +1,31 @@ +{ + "name": "net.dariogenga.fecharts", + "displayName": "FE_Charts", + "version": "1.0.0", + "description": "A sample Apache Cordova application that responds to the deviceready event.", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [ + "ecosystem:cordova" + ], + "author": "Apache Cordova Team", + "license": "Apache-2.0", + "dependencies": { + "cordova-android": "^8.1.0", + "cordova-ios": "^5.1.1" + }, + "devDependencies": { + "cordova-plugin-whitelist": "^1.3.4" + }, + "cordova": { + "plugins": { + "cordova-plugin-whitelist": {} + }, + "platforms": [ + "android", + "ios" + ] + } +} \ No newline at end of file diff --git a/mobile/www/css/app.css b/mobile/www/css/app.css new file mode 100644 index 0000000..ba33529 --- /dev/null +++ b/mobile/www/css/app.css @@ -0,0 +1,71 @@ +/* Material Icons Font (for MD theme) */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), + url(../fonts/MaterialIcons-Regular.woff) format('woff'), + url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); + } + + .material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; + } + + /* Framework7 Icons Font (for iOS theme) */ + @font-face { + font-family: 'Framework7 Icons'; + font-style: normal; + font-weight: 400; + src: url("../fonts/Framework7Icons-Regular.eot"); + src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), + url("../fonts/Framework7Icons-Regular.woff") format("woff"), + url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); + } + + .f7-icons { + font-family: 'Framework7 Icons'; + font-weight: normal; + font-style: normal; + font-size: 25px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-feature-settings: "liga"; + -moz-font-feature-settings: "liga=1"; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + } + \ No newline at end of file diff --git a/mobile/www/css/icons.css b/mobile/www/css/icons.css new file mode 100644 index 0000000..30d8969 --- /dev/null +++ b/mobile/www/css/icons.css @@ -0,0 +1,70 @@ +/* Material Icons Font (for MD theme) */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), + url(../fonts/MaterialIcons-Regular.woff) format('woff'), + url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Framework7 Icons Font (for iOS theme) */ +@font-face { + font-family: 'Framework7 Icons'; + font-style: normal; + font-weight: 400; + src: url("../fonts/Framework7Icons-Regular.eot"); + src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), + url("../fonts/Framework7Icons-Regular.woff") format("woff"), + url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); +} + +.f7-icons { + font-family: 'Framework7 Icons'; + font-weight: normal; + font-style: normal; + font-size: 25px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-feature-settings: "liga"; + -moz-font-feature-settings: "liga=1"; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; +} diff --git a/mobile/www/fonts/Framework7Icons-Regular.eot b/mobile/www/fonts/Framework7Icons-Regular.eot new file mode 100644 index 0000000000000000000000000000000000000000..22c16283b377301cad5e01707da831d83ee9570f GIT binary patch literal 82770 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 HSdRW*A2Jll literal 0 HcmV?d00001 diff --git a/mobile/www/fonts/Framework7Icons-Regular.ttf b/mobile/www/fonts/Framework7Icons-Regular.ttf new file mode 100644 index 0000000000000000000000000000000000000000..5be3aa5050efcc83d9fbc64f5bf4bb03240cc7a7 GIT binary patch literal 82560 zcmeFa37A{uc`tsxvoDg4bflxB8EG`yHT$9&NnXd}6_0K31{kmn7(50H9vl{%5Ry!C zNovSOO-f0iY2o5Dt8YS5lN-|fU7DnYq-{!QlLoqwg#2^cLTQ@>nwv+yzxO-RjAm?> zr1w70|GCe9EFYasXZg=?FR zdG(=vhu{6xTjPSDT#I#|y86g186m>f34#{GcKMopHy=K8Mv!p)f5x(Y%?)oo@SA`3 z-!=<^IVlLg3|~9FZ@-he^B(**fbF$wu|oP6_9B*X454uCp<8Y%UXsjU`6q%Pz2k-( zuiiKFKRNY_TfAjE-H{bI2p;!J= zVET^)A*Kn`7WjYhk==iJg}vfuf+b>wAbjtgIivY)o;h>ov?#FCSk?u9Gye@cede?< zBnr46T1`i4{~Mq+>|Wv90$Kxq^h?I~niPik8W~5uM^LbO3p;={=QY27CUgjQ(hn4g z??)3H>-h}L(BHNL>-P(@LZ%$`uL0LKiPiiH_;m_GMo0*c3lZ8|_!OW1N)ue{?qBH# z|H++kzNkVL$s3rO$r`g@1acv{N8_#DV&2^f&Qqa>5s-Q{ZIL0Q+NbR zG)hyrr(^g|3t_AYVYCjSuTBbA2)AdyRL~09;zPx6mR6Le%TbapeESIBzVGbqXMT9* zyJ!CD%wL@O{F%@F-ObMxp9_5d1K;2OH$VNGZ~aYo^Sn63YyB~`DLAkL6EUIx?SHu5 zc`<|ycp8eT>4s?qf+2rLyM6z&=fgt8iN@Txm+0tBrn=JInQSg!D3;1Sz4TcBKk>(P z6nYu`8y6<@<6dJ;VNv{e=A+`=zLhmxl^>`B z>T&fc?Hk%J^!xRn8y6UNnxgp*^Hb(a)&}cTAQred@I>Ip!F9po!G8{ALK{P$3H{g} zun*d=hOZ4j5&p+WXJkv{!N|9qoO8F+h&~+sK`an^N9-v#<^G=ga{O@o2VTW{hxbe( zowzJ9n|QRN(s88Y{*Iq?uIPMs=eIjwO|D3OIQd*^DD}&(Yr9T%eLsDy`@ZhK%hWQ5 zGY@8-%C5*hox3pisoZnU*ibum8RMrw8PLM+cV-o*ew~(7K^74HrfxM!q(h9{t4VGnLNDn#yHk@>pr?+Oc@F#Pgno3HdK4K_Sf}V{f_#l>i@8$vgD4Xo0i_a%v^TaviC0g z;&O5Mrsel6|F;znulVuGKVA9i#FmLqtV*rAf7O>K)00oFF09_NMqD$pX3LsStku_U zS^MR6BkOKjcWS-9e*gN(93>+jjT1Z*RYR`@`G6x8tvO zrgk2_aNxqHFB-b&ri<>s*u41eU7=l0K{h@{3FRF1_i}k6rq?OMi0N9hW_L z*%Q0P-IwhC+@8{&8}>Z0x3YKL-uw3c;_`pI;@A~Gx-xO)4g1u6YxbSm_tUEmT=n2p zFJB$IddJm|T>b6+dv56TC> zbnq9~f9(1n+_2_`58iP4ka(zc=*Xcj&GgJ%HS@)pS8q(*c;Ss-I~+TF%i%8_{^?tO z?=9cD$+_u!LQEtWj-@HyFeZ)?%X(1r25`=nAbz||d$^@&9m&%ni zb7N{gH^j<$e3h!>wXupfRvmL=W0e~A$TxSdyUoqNjJj?#5H;h0;i|GS#bB|! zT<*>X#auk%PAy-)`GQq_ZnCuHipyW_>gY%X6XA}oTTAN(MwjWfnHeb+hr2p%iT4)j z>$a_0z1c_^mu=m0ISJ?go1eq~e{XO8`NA@o8>27@B1=U+Okoj3&%DTf&Q8Gg8W2Wc z4GYCAb>}QPYn^&>Hdk87ct>8vYTfALwdJf5?_yq>X=+{@bMy6b$!2br9dA5m>P*nh zV%%;#XUFrprGMYDZndH5wH zty@x3Y*jBDfA+AZ9WJ5|OG5q3v(U>YV6~2toy+2y+RfrB&Y#T7NQ#|kB^q>6%0z4HDi@}ty*Kw2V$Zzs!4`!G(N6a znyic(V(bHE*!(C98)9cfG%B}O3^CHF>f)yrjWNXw*$G7oz^afH%T$=mjs>3$S*r|B zQx(lr4SkgrdNyd%9W_oGl9ctjruXcb?((v_A`WQ^W3psN;}I5+EXG1~BtBjb37>`M z`5ggvam?um)CPKJgf11 zdCWgZKg*TIYvpWZB^yV}b+MQ-_k`&w^V8wc##HR7;yW$k_cd%NJ#83!@Y#bVaqT^L zXj_$<tNls{WeOz`{Li1wN*^3mp^&(ZErjIHnxHv=D7zhc;K-Mvkun0?c^u<(KcN0 zzy*(uWpPZAJP`IBb~n744VcT>EX2ws^sjyv5;0KFx#Hev9EMM=&NaX=i+eS6NVFWO zf)GQmv)PbX9%_yqk6qd4g=Jfn#IV=L+`Q{W-E6vOS;chLje3Kbn@mkJ^-P&{kEcz~ zPHs;ot>Uhv*Rf`pl{0L*kWeLAloACNE4Yb?j&!;!sq4wEbh=|Akr`yNVOfUO(LLTB z9T;_sQ;wr`ZYg$8bq%lW;C*bju!fyvPRi^niVa=0TJMiq>!3VpMOG(~wDBXPH) zX!u&D+REoun=Ml@^R%Mu#yb3A@$*1I$jz8*`v@=)q4mUgM;fb+4>1kTF}|Et*+Jgy zXCNpFivAwmH1(ND-s~)4>8DRChH}!fts;&&dgkxhpRnHo=28>3;96^ABy{HgAM~KG9`XaSvR1F4hu3JP7WZPK z@fxI(R~f}+sc{lem9*%Rh^0&AIswfc68Q%My0{WHMUFR+X4zIOoUehqi7t0?gFkKKK#SW(+_4efM!Q$U??vt&bT2 zN!8_(c36~MMGE2PPF8bbn%WhWHPPs%v0FRyGxh|esSC{^6sd2=cuy~r>BY50tkp@_ zPR6cL%&>Be$oj_CU3ukQSAPHC=FJB;znxv9+9p^Q8DasnmP&1d@hfkS+98{Qu7#LI4Kvh|5h=KF-hDciwvL5qJAAzf+>mD ztsIC#+IbR)XTA(iV z8OS3K+t8!51(LM!?7JSbT~qEW$iqE3Cz^^Rg7WswVya!l2D{T@#0wdrL@ZF~GrD!l z4TYS9W%UI~_D(`apN5Y1fQ(eQtn_aef)W;Q#5XBOmDHKls*TId0>W^xgc>^JGA&Uu3^z9}-SN zk!N$|62=8LN3|37=6|M9?!H`Wn9I!=)sK zWm@!b5Pq0y^DsCb4zq$)@y(BdrI9oYI*}hH#oW2Wz-A)h$qz&Q8s-A~AB|pJQJ7L; zqLfcb0VXj?l9;UF3!_;yRgugg$&fS+ml9=(5@djhy+l!BqR1c>MIFmb!hVXZh_bA! zO3K4ppfuPC>#-Z{2r~%>)kHcU27V+JG(h+(Wr(Q-B7JClVr>rni>eF>7qnY>rhQe5hW*LE8(yu z2aJd;tFjiba7w1ea9yG(Ymx&S4zuY{2$#oHRc4w+ri`H)fjGZ5QE_Bll$jU|T2dgO zONJJdn5XKxiRUiDX4?UqZ3vbQ`dGAOS#$HNR4tOgCDB1vE7UW_&XkdQENK|Y$5ICC zsN*hW7=W5m*BD$rBXyi6HxDSHs;Kv1i#(thOAH{XgXmx1fgH4jZlMf(b`21+tAv|y z&Mf5k{0OXh^FtK_vXqy()urY%3{KyM%#~cs`&voF2(SCLWk~dmORuS~Xo<8HE%W;s z62~V*U~XjZHy*(>N3xF9xPANr^gTYXWep5rd@DNHkg{f7eV?q$qM}OoX{M>&rG(eu~X@#ax&Izs^__fxIIZ{&yGjbqYbP4fWk3rm+Yn4CYOHli8Zf@zHf zJ~@O%oLs{Ol54vm*G{mLz`u)Vxz*4kWF2Eba(j-nGmR09FsNm6?J-zj>gLVWRi!{)t6Lh~mu=0>2!cw{7FJ|C1rz8t$*~b(Ie>YRVZJhmH_hsn5^ODN zgj5Wn+u?rFBJJcq)XJJpq%+3VtDt%U+RT*xti?DC`Md2 zi+Ku3;3CaKtiq=8Xin7>mF#}_mE}@#fCDZ1gqfwbYV#=n@d z9bz}zowB8b6T0k%9L17tyYT_6GL^6w?uxNhmL-X1C}hd96|&=eL9+sC#j@0BJRpe{ z{Ecf3HIQZOizWQvw=r!zf?4BK*mc90n2}wwJftY=P1A9B@Jfcg`*YwVcO&A}4_Sq=4rr!c_38wJ zco@TE{z5F*%NmI-e_VU5!7n%6rBd_zh3gCKlb>X)aQ$#Jp089kRGiU~2)-)$cyw|o zlNrh|oqw$j=z2i^`qi0{$R|H(k7lnPw)k#c@xeha#eZtuiQQYD_W&5uEwr0{=Kp1{ z!oTx`VIWV-5&0B~W#7Ni%D7%KJYdRz?l9~JHtc$kYTFMuy|mQp4E6REtEEh0=aOJJnp_!-u3e`1}qm>EAc2c61?#yJ8-IgfE?R0L7Z-4$~qBoInLoxHJ z3s$Y!qI=pzeSGcGp>)pK=O)VCnQ~_!JleYijvw{u*)vbGS?E0r@z6Z1hGEFZ2)Q>f z4A5Vzbe*sqXy9NCEC(NJQY+&*soAAZEbOuF-d2a@Sdzh}(cLknF5j5p201!D@9~Yh z(4`Hbfbseq#w%e#9=BbnpRA&O;xsLj+M;h^(Q<2h;WgG5bCq1K@{YD?<6~_L{)Tg` zV&~EC7JM2%Sh$SMPn@-e%b|I!B-++1>NUbG33rRP9`bkJ9t^%cfk3RCoB6@6|l?0~Ov`kkr=wD!J zz#*Cw_Jq59rO|D!NEqE#SW;4*E-XK*!?yy>RG`ZUCXI}-Vy&4~Rgd2&Qi+4$N zUnG@D7?sKpQ1q1}SHB8}pQFvVSn~f#e7)oZelLKJ<6N^O*(EYX_PUb8=l>?;Wq9yX zgw|Nuki;tp4aP()>cNX2nY0b#Ek=j&7TvIin8T!cYJacGa)VArgJR2s2PA3S6xS*` zV`~*nlt!4gK-Q3ze>Nt-ThtFukqTPq|1Uz8+ui=hx306g!u0L#y2}p3um-@rw`t@a{Qf&HGQx4kEVKSm5$dgBW;qA zEq8hz11l3!gEsXb7YV5(oDyP@gr@HyqvwvLMNM@>M_5x4Ekn4A?;W^Vx+=Mff0e|rZS`PZx4)iGaZV9Bp0Ph;?}Tpx{3+UOC4jU($OR)-A#bE@ z1r47{{Ts=NaHh(t6xRxk1Z(j9Hj|v_kUz6NieX6=SzdVO2+mnn&lTH*3 zJ+kg2Xxt4~u_AdnPvw^9F?DG3MYM4wOB<>2nXnYH`_S&xP1Jr7tCrh96d(Q=BNRoAodf=e5sngP$Hp{Ed-PGD6-*tK{4ME|CLAt7~6G8#ZZ7!!Ht!rAy}35Xe)vU=cOJ6RuO-eyQdnEK!OUy#|eXw z*)0H&9w&r(_`8}J)b++T#I)q^YF$BV8M(9W&rN+lM-}$#=QqBt+Hl$c9!%r@?oGpgGNE zF^&kGSd7&H{ONDT_k5FU(ha{z!{WuT%XYZ-3w+KE`(p(w-EiRr+cjtg`?cx8KA`95 z#oRk3KY+tbF#QQ#>H;E+L5T6F!Q>#Lgk=7l1Lv!m*y)jVqoX-=VFccj$x>&QpzYN% z)Sa$Qk}k|8+ry~LfIeI|!n=I3luSn7mm^)bT4u^>4vK$dQJfY0-33@bG46g{^q>p6 z3KFJPZ|a1&`zFwW57s+!rG2IRUb@^;@>f6yp3Nu1>2x@epQM(-y`p<_TlDAbY4Eu_ z!45_b=c<}Rc~A$Wx+uIzP&tiIk`rE;lsQm88fY+0V0!@fgZYdnLk|a!jm$&*sCK!A z(3PP}riq|pFb??$?{aIeWev-=2DRXca%W#p)rue%6oewNa*8A>_TY-;<1vE9PXo@7 za=A>(a71PYyR!L$9@4~$6T4Oi;w*`YTqu}Y9smL#v}DIt5E)jrKr}q88JewoY0FC_ z>@e_U;6C%1S03@b^MU$Yjh@y-y;O)pFAm&mn4;As+-|u9%nP^ohHzN9pbmjlNxnJ- zDQHgh_$tV<5NiTrrvgDolXP|!A_I1(BLl$?7zouhe%BB+Z|xg{WeVF04HSq+RTw1D zyfkO&7GDJ&Yt8{>-x?YScN)^=lF=!JJ8UcAMs>cdcPi;O!q8%q{1jGvFAk~sN8cn_ zI5Qxs5PX+~JcA^B<4Te#o3GP-U*`+K9@g`4Z@jd@Kh*tDu}OOlqO$2Xj}S0-PNzx5T7zN z`uZzcrNNg3^BX#8Cv?(MprKR3c4$&S+n}uxk~IW!2yTS4M&bwtV%M&vdv3n=#xDd^e68?lKC(*>NY8asYNUFpF^+WkbI1X`6m;q-;^- z!z#CChRJ*Djp~7PH{@I&C#IBLJ+LC6y9QTXOXJ~iJiM%>#vo%`dNS6;=wJ+^!N4Iv zuZ0Ik?pq9w%-QO*=_cQ{8o|XcD5|U@LbXAYzo_KSQmAqNs*kKzlrJdS2G|8mRlca$ z*|SybL9Tn-Y-bm-(}6kZPuOI8a0b}q5Ih_eY(jvPSyBgMwTcG;nr||;Rx-jZr{dXc zyzvN4XAt2`1e3*s_xX{~`_Mf2V2SO~EH+iD)k+!fj6nM`!OK`N+sJ%!H-WLclatBh zEUC^}E+dn$BVS;j1H!o%&;yrnqfOV0dph&FsZJ&hq$b6Gpsgt~Ledb@M5X`qkHjT5 zL5gzUV6pWRP&BkK*Hw8uScG&fc=6wZO_bxIkzB&*s8~{BygFps#fUA-P6v#lm3-sM zMMje+)1lz_<({Csc_IfDs7|tm5@Ukf%g_X5Ra2;yH^P^lXgIv(;K+rQ zEeDrV{GW-g82ZrcAI#3~#wbk;rc6--oGL<8PHj|Wao39Sx}IGtCI=8`rN3~e{##qF zzyAIk5YOyHXw=Z1Xaq4oN}Yfe+`?4|G0TH5w_4ar85@hOsTLMgYhgj?LiM&gNduV- ziA@F=x?7XI)7)cj30vBOdVa7COb;H$3+fiSKRuL-n{hhHkJ>GW;tn#-3k;(QBo9X622V*mWD!9 z1$~kx4h<)3S6~|Zu@gt_c;gigb`tyGISen_XO?~|*7+eGL%%ci$21B`PSHk8m;u&; z2tR`n)-ZYI-`O9d4-y}8DV{9^1tGBxh(d9yZW zZEN2Fvj47S<>B>2gZUdygJA-i7rUUXCuxqZ>rW2Qz`T}q>?2~#`sGbx3|*hk1#$Ql zo~!+FQO(9ovl7W&vStD5U_FWCg$?|w-*yF)m>rzqVS(#Gw2j5hX|`JFNejEGIU@9| zP(Ti$v9SJV9ko*gw-7yb+oOj$RXCd;af)_hITdWm}&9$ZhVR0d z3A>2Jz#9=Jlf`0ka9#Rg$xlT$&ztft2>ok0zD5Ogg zS4NS6vt$b~)yB^8f0A@Puzs437gA0#l`JNW)F7MoIizTL!H#b_)%HivO>E;90&|>0 z27O8qSA`+gLd-dmNu85ZWc|PgAWYmd(PVKfWZMBV+k|@nN{Xma1+hvRINW@J?T<&# zdBvPne2Uu}?*y!T%67NE9I+~@CP|HV8)C(JlB}2+vO;ENLlatUx80|)Ej&1tTsP2*bs@b#?xT4nAC=l z%4}{Oms3u$ILkjwXw3~3@HbP$AD>X)JuV=u!;V54TNKkTy3mlNa+UaJG^TL38W?IY zy2hX_$xni9Ip%^$m`CW&7>ZTniH$~IU$w{Ut+IY~$k;a8<8|~T`sDtTd*oint?raO zJMBnjDO((n3I%Df(5vhbqbu{YB)Y{!j|w~a0bv5yu}+9_RHTiEM?w-t?2B{6I|yt` z|Bv;ccS|oD;$|#@nv7>T&uepFoAuF1Jcl-kk~RUbN_JV^--3Xw3Pm4)<1#NC3!9OUB{y(AG(z4+Vj+>1BtDl{Nz9F zUVY^g1i5NYT)A2kN4r5Y#a#@IDaZg+w8eU0$=Q0KoTp%G-Gz}`BA5#}D5k`E^4t;( za7ucB3G0q6&<20GNAK_Q%z!&MY34JTyg51O27urAppW#r+$m>Sli z{X=p_>Pkj+n42V@_Mdqk?L>Gj&_NJveIr?el|Llbnh5&zCGWjtd@OAw_4L^IojkDq z(zd;Ox0Pn53YJxvnqd&{8MHFmy@ihw1E>$Z_iWTtY#tRR5aT8gELseY63d>2clL4O zPZ34{K9CUXp0nW1#@(Rw#M93s?$-iE;WJYfb`9KwO~^kRAS|swO-qDX?p`9ItRhQ+ z5;wq^CEp;A#)gyNCuqPYgGfXl#{Nx7J`XWrv52gDf0`}VR`mNAf258l*H#1&}S;6w+#^kowE%= z+mj(LIF>`KJ&aOJVbcTLWLnEuya#MzrM!Ag1miQPBOa<3ZJ6;e=3&yCN!8JO1M)iv z`*obRra&ZOIcyj)B@RNf2@4)}e5k04P5+`51Jy7V5Q%9;qOy6y2dc=F(DG-K)?_Nlw4?zv{yhc8lTZU1$jKd@=)_D}7-=ANmGK1{On0_e^!Ahy~o zT!!%@L^*~69EC7w`~$WEb>ssPRj?<(QRIM&>Wz;=r}D58H!*!ohPa%Z_>E{n9g3HO z7KCAsXtgvRIr!u?qLG7yWk?dP1Afc_ zQARd~s43CC=Wjcxg>*d{LA3!zQakh@q?}u35nR@wkXD|E=_Yq77k2acA#wxG}NW#J^ zL(b$_QxLf^q|QKHQKQ%LuxH#M%7mcy^*wc1#3ZYs_0Z6i#@NbOTJTGv7SkC@i1^?P zIA@uTMd#y>yk12N#SarrFfyw->;#!=vwRtgV;+U<$c*vuUu%A|A0ZxrKq~;KfDI-s zI1sc9?!9f8TP;H4@YvAM7@s~7L(kAzFrLf7z(CLxolP+$ z(3?Zl&%01l0Z%c&Q><{Yh`g&Z82QXZZ-n8AurZFV=!J#58!~bdK+kt6w2aV05WS9) zv=ju~EtU24Mff#YgM)+1`umr44-XGth5s;>P$$Je?0lBNH0GD8_|x%)Ddgis|Lcr&rXkSgB`K|3{cYHqYnnB63WA zHAFI+3A*I0tX)Dcs;`rXJ4u1Q*GaLRB?z0I*+KY2_p|e0?NTHU@{AB>Bsp?~sZIeB zj7sg)w^TfSQ~lN^H5gTIgmk)5jRw{4s%Fqsr!*&sb&yXp8n%*c)2?SA*;{%BBN{Eb z2)pw08;_lhR{6^0aZ|ZfL7EaUwiT)hXi5}%&in*?v-^RjfZ14};}IFIWo*&~V+m?( z2&N|wII0x)B}25v*U~lc^i6J_`umpH23$c`wCZek#ApKF6#~I4T|3i>G)ryAcb9S; zyX0SQm%Q?nsdPm}9Hfeah|ZXTpNyp#4zjarJHETrE>p?B-X3|hppL%q9prL;2L2!6 z(!;<)E)uR3t|vQ?j~*U9Dzwe3ZS!aX8ex1N3Ac{02bYTI&*>9Adhl~JZd zgI^CuHyeT$cQx(*<)zlSp0Cg$O zg2>3f{d#ehf0uD2N}~HCf{vcZ6ZX2AWqz$N3)%n{6!>)0(9b04G#+5_MO@trNzkgm zZ!o;k1Tnabygj(8osgEpY=Pg5Hgn@_M?Scwmk4CZ(Sn{g(mj>Vb;zK}uNwS>N?{>f z@2h~Dl$2QC?rAyIiHP#Ol7?Up+NiJqO%@#Bz2mLicSXM+FcZvSTES-K)0VhoZ9K)lC`StZAL>$p ze=^PSlU`z6v~#e0&VqjifN9Nm05|ufa>c8-O##?cV)H$yUVD0ulcn9uuLV<%9&*%> z0ut-mZXMS;cjG%K_!35j1&_?w<|cF@OXKm6S>Cn?xxLCmK(97qZfGq0wd3$nLSb9d zv=}4Qos*zluWi0%uAdz*_a$l>XhQoo_ z=+3Z194fyT7&W`3@j#QK!w%VTDs{k_J0R>N=P5mSHZ4x92DD&|;pwzpueCuYnt)+JWr~nAmSQe~#L+ zP7}UZq?W}VoTJ9qAj#M-QG#y||7n^2x8`Y23C{@F6IU=aW~nRCcFLkIpJN+)t@YE> z(^EyqsRIcI1Xnm-EH+LQi+heb^{L_%R!$a+^_iL3V$mrSri;Z__y>ERp4xqg;w>~8 zC>9x3Ic=*NKU=tLOcm>>DLQ=d=$_fxO^0TNigy*Ki#u`3J$p87 zVkfZCKQ^6!F0Q^{P2>2Y73j|`JCkxQs)!&9(bupjTNq0nCRI~6fyhWZLo~ZQ@2F{S zzOcx?RPILz`}(iL{0zVbm7#{@huSPo_8aH0E*nR#|Lq%Y`0W|r3e^=Dq2{eHM)4VM zH$2hDWTErS-+`}i0+xr39`|v`OW#MX4>KPRi_*9(6L2@dU^fxHg_{|14;-&F>@Uo~ z9|piSKLgMg-kTN+iNo+`F&kohhLVojXTbl015M^ysci;~D2z9(@n=xEq7EOMu*BNj z%oXy!b()sB^PZcBCq}n_v9daI^DQttLLo`^5|Fl?36zZqBE}qzfZhqeMhlsS9z?z> zAPXIJDG*6C5kA&r(8P?8gGeN@nJ}nP-Xes`QUUylENJVZ*b!G{J0QwxIB39Imr)oH zK@jk4A+s&GZ6R2|V7)R7XFc+KII?aZyKl$vHNCaQPs6)v)q!hI;b(Aq3>|@K^j}jn z3=qa}S`aK$=ARZYd?+MJNX&xQ70{3$jqil3$aYYcl~`Cuz7*V$fQAAQlCHs(Gc{cb zVljkRD)g~#JBlm^ZAo!GY_w4Oj`ZD_q#KjHRn1CdC z7zEgH#nZZBGvSH!;{k|LtFRH^EFNsr@;UHq07SE=6eUm$ASI*}3_K1$Ee!gvVm8@RQ|r)l)5U&pf|$V~L@Bek_BcsO+kM~bk_9Y%wvio>v%LxH%H08>%#FvTTW zC{QTL0X;P6IH`ygv63b-A>w){oJfR2ItxTYq3C^9)Qeh)e8LG~(S#>`2n&fwAZqb7 z(Wj$9UF=)VY$us4my;dQK*)(Dlb1KGiIC0p4Zym|f|(PV67B$kZ6D53+h-aHDfT} z&Zb4y9q))3(MTkwMN*JVVyfE-_uG*SG<|p6i)eNv64IklY+|8IBxv`CE`>VB3djGi5ig(+LX?QaHt>xFE~`x2+5&HCOwU3uu~k<+g1XAb>k>13e;q24jr^(c}+$z;J+)F0QSy0^+=t7DD$4 z{{m5I02h!QW4KFv0q3ExB>m&S>1!6)7#VLB*pP52fWNIn#YWD~FyZ4Bem;9>8Q9iK zyOcLmR>MIt2_Lotut_yFAX?jtYG9?Fgrt1EvKlhNRH&-~YB*pqAZmcp7FX67Q zS6#dt6t#<21*342!lG`7sH%bU$-Jrt=Hwof)xc4pM!3$W&lH^ zvKnDI91Z}$Gc6kcp@a?r%JN)c4OQlaHKcSfL^K*WW)hVR67g-QOh;)A!f_P`sc*oe zgMok)u=JT`6|i|*+=8slfq{Vx3utgo(u3x0&sQtQpx{>m2-Dy)`H5@w)R$K8**&{w zV{tBn?M3aw#_;C8qMyf>2_IZNyL-!#=wG#Gw57W)Qq4~XS6*6a&u!yXp)sEJz{aiM zI>_rN&l%jRM#G5&1VjSB4GjiF(=L~gYJw6~*%8u5jag(0vCE0Hcsbfp{KN2o{S~x} zcsZHZS1|1l0>Q_jre;fM6@TUBgx9{LC?}Eg_yx_toQMr@@-G+J_-6xw&oJo9Byy%+ zfUYdUvz(x-LvJR$+GlRUx5n@whZ-6Zni19<@#l#9fF%kK!#|*qP&4fpDeab#L17d1 zBqmA*VesDwdtR8`0sY~H8+RfObcs%x`HfHL=4T9}U>H-$D7q0+!I59*#1owTUP&8`vk+;V6MgBSc*&E;QO4U2h1gol=sq&i8`3L+9mC?C;zp zRZV@e&fQ(Ozi?{n^?26qu%F|k*|Q-Lrm|!K*&*1|pB6Il=dgdqdoG?i)#8`J*|qdJ zUl(1GWa_*RW`p?vd;mZv*U2q^3_$@39H2o-HId$4po>~{(q^a{Lc1cGua;JXC5e^kR@S*eNa_bP;bjCfG!(PEy@Q0yw|M# z*2)y89PM*vBDegjRvXliE#4A+t@v&0%08So)SzlEGch&tgtUDRll`Ol{Ahj_ZdMY- z1*7~@S_J`_rAHBT(j$Rek#UPjI4Csk|T> zN6)K$qgym?JFoU9-RnmTCyXTgn?|A;1*(Yb69eP!6^uI@+(>YvqKgm-)Qx~H4RJa> z#1bEQ71yLNilU)LUEF?&m<-6ts{s(f z7E7}}Z_dGLlG zU`KOBYqNjQjf-}tv-m%ySbNKkqPlR)(W+O#`#ifk9B_J=iT|7ItD9c8rrevfxBd>9 z{34Z}6Yp05d?)AlaKEnkwMhPTQJtCA*l&&V;v7ED1EJLYVF(V%)jYl^c8XXVfjJG-}F!>16f1Cn03|qCB37lPzHd$vz+NJC)|Cg;$yo3uavacA}dVu z^et<8S3`g-l=bJ%3u-U3&^Et7;x|qhbpxM6{#W~jea|qSYkhFO`TAiQL0lwcR=4IvkwyZiBjpT^)6CMwkp+ccSop@vKmz5Reib4lqLjWllkBim@;@@cOTj#Y zvjHb#<&u$O-mXpXG_Y{#&h0F=s00k;eJe*_hvyF@txo)QDwqsd0#9N=c79!{*A}ls z17H8}6A>2q$pv0T1!&s_3;TN-~|HH{kBkL|hrBL=7PN@@C44&miLwyX^s z5{V7dtsMTjq;py^(i-=9{Is}AmjOTUP#Cf8${AR-T@ft<-Sp4?vH4&fuhe;57; zPmp^{2OF4IQr(>$!QEjg0~8G@-n@LfP(aAT+&tL(CZs?v6zO`HAm6s>?P(P=;( zq_Ze;^DKAs>~waF1p}(Q{)#JBNlGBdP*)o@S*E_XRWW6?hHI7v*H4yY)ePYxfL=+J zojdDzs>tRQ0p74kxhH}Gtl-Cx^CqU2E=iGLK=cVR4N^;%rigw3#)gQ3tC5~^1bM@u z#>*j;#a@S#qTF?e&Z($4yM#_L6S7IZnBJRxS-})cP!y&Wp{ASD7Sr*s4e>f zxUC5=fcL=SieMN+nxj}O>~?f-67}&3#w)dQ83uTixD;+AK30oj8|)EEt)+GF!gEN= z;N63k(MgD!!HF4o%MEu2HmkYrdxHpky~ z#e<xGMfUv$^D{5~dFMJYg8~A55RrE`E0v2+w6k`|9z@p_hpDIqS9x@(a63$`{RTYVg$Sc&f zWn~fHx0E1t9LZiX{XC$gVIoDpd&d5uG*6EzM-L^KO4kks3#XrMnN~~=_(D1L#*d~ zH(LDGKp(%BmVf8h;X2EL15yoMS-!f!iusWGHf6Tmc6na?#Vn8i60a%-ZuJd_Wg{x% zmk(1Qr|;yH2oy_AX%-4~+m?1*i)*jrt6V8ui?{sT_J7(}X>&~e_d6PYg2P>5Z`_BBq1Lf0oovFbsLt@-Qj zBOY|i69KD4)kc~obaezK0^EOs?8)Bbv;+_2j#?cVDO?t7G1xc#u;gIQ)bJv1{29%r%4i!UfA1k_I$3 zup)%Dy--`&q1TEB8ej7_!J=5S&EwAnIV5wu#a-Md;8N*LGZ(oM<+c%-R`3W&z2=dC z0$qz)KTBk+@}>!nM%au^0C|jdb}|Vi_hEH-l@Ud&+eQH8d=2&{8IZkFh#~riR?y#y zIH6*})S^0Ehrya+!uxU0*ZKXKv%aBC$!11BgN=9}b!RAgbl-5?c*uHcad&R-6NJpn z^@&!|s%AED6Z&lNBL0&DDQH@Zm4&{c2W0xJGqgqy|Mo$X zg{Nr_4V;ojNBha{F==00A4H*3yq_65JG=$IO4KAC5#!iuG{S+_L1UXf3~l~a%=$o2>Kx~h!9}- zFY&4YJ%k7r$q>S!{kmaM_(zZ*ZB<$Gh>KC_)VaC`$grDF)ofNecpT*n9-l9C5ce0U z`a!F@!R};oceAp=pQEAyA-uCV?|fY>?x_>-#pZXD>pIYSj21%Kg+-+63tFtZNG+-I1unaWrVI5sK(_ewcxHHs_w#a!C7|2kw1yajy1}x}Zy* z5n6DCIXKUwX;JK~yLFI}fMMr2c$gy&>?GW<_Kx~>t{*{U^Z9H(WH{5Jusy?(#%Ja! zY;b_*-gT0hAIHUcS`{<~U`--bQLwQ!ieDrQUA+t`5ttDB7hS_2#XT!1ymOg~5B6B` z`vgFyLbEEUdpUl8bc5gCluftUwj1 z*a}z;S>7n1v^EPwso8h7hX9V}MuPF~aBdW3(AY+_P1p`7fCi5h zvAS+jnfDf-aoW_6QbQi4V*9Ay)mD?>TsgdGv}Q$uMdclu)dya))Bwepg#!2;(?HUT z(6_{~fX0O>1!q(vc}fon>5iIzS^xF04(AJK!{>1yu?Ol*Scb^L?|%M^KtCcToW{XI@D0cv$fc)Rcc;djpVAMhp+LL^#HY97li z$2$+adeJtXHaov_*0+%6S1djn;--s^uyA?t_98pQIjNgS4u6E65wFkC_zHz{engYT zSLW8TJ$%Ucd$i57J#)J>=4W4H?OlGptZTDPwu{OE1#*6I$ln8751-$gU$X~Yp-96F zMo`=AZob0QTbuaY9)67Z-|{(A_<`5wQ zV!S}ZPml!s&c@6;{W=ZklT@hToz~KYr5ax7h|SK%zS`k7-(TjkrNLEzZcwpdRS>or zo&PDEzY8oLKUxD|kO)&X^Z*#Zc-I$*p$LcLv0)9ciZ{$uhArV=HOy{gtopyjDCI{} z|C}*<4PI%a1b0#PG8MH#D)X-3EpL#<+`Pf(+f$!EB8gpHD28V2HewweF?=0gklZYa zt>os$^Y}fUX?NhCkO<9-%EN_%{JIPGe-!uMPuykF&m>BK%|L{qii}?@fm;f&A#nrT zgF{oOngm)4&G@WY78<1JqkM$AAQ-j?lfSo}LsY?HnEr5_ZmRE>boTps-;$U|ieIv6Vlj8Sg?0 zk9O#g2K(q;%vZ8EnZ~2=g~E(vcRqq@$)nz2DHvUoquJb={jst)p6)D_m`-m-h@{8I zK~PJC4V38(r=qDmzVjbOHBhe?b@xl1PFJLN2uZtA+dEdW$P7C78&($dO0pa0`{-Hk zQ@L&awJERj29-6faB|x_QRv9Ds(=?& zivxiJDge-uN+2R%mO*s6D*HrmNoX|HTC#1)rx>zIupe=|V8W4g086mty zjsaQ*?rT~spc@uDw67aQ5#?x?suhf^BLVIP0ag~n_DLfUFg|8|mU0(^=Hu?~)7#XT zZGL3%?Z{&Z7+V+NWyG+rqVn%nhHrtZ^9d2Ycy{?9qw(^}OY+lS}CYKXo+;Co4Yy2^wgpqKLS zcsyRk1NH*9&7oenqs_zeb&hP&UZy?KdXW703*-Cu`WYMdaD0uICo}ijCZZd7xzHqz zh^Pi4A?D7eWkW@<=)@bzv3G0SzQO*)46yuPQ-4hg1;jD-pw>6nSH&uP=wa~PsTpjR z<&KM2&mwc0iqw*TBmxIXPImeMdm#MLm1J>Gu=6JnN>(}=fBaj)z_;3pBVGOV4}-e( z!LRbo6B9(ex$mw(;Il;N;H(Z3+Y4&FRgg`08{SKQpYZV6PuHsuTs4e0j@Z1yzdFVf zK?&G`2(497492T1+65Z`3jS)ltYW`L$+(*lYl@2uq&`jbKx;#pQ@lw`bTG$IEEF$N z{7-D2{8j7D?U5OB+vAAuQCU6_dLJJVv+PQwHG@PS#}`({L1)LX3*rm=V;k-5B5;N^ z?b}55@2^v>j&Q5X&-^X>H2WxFPLLg51@;9;0m@XZpq#^laZ#w&^fWl}QJ#0XocagBJY;2xtzlmz z|6#sDUM=3{Hed|nqI`d1lFj;+B>f7KjoG$d+oy!4Lb8m>2j$Rlyc7)+<^apLv}xZH zd$7IE*Dq7D-10K-^wj$XXjtgdr2dX55E%6p6VXfI886*r4PA+|IWufu@m z@gZLX@c7We0)!7hHq4U6JgecITKXyeYq&-;Sl_}Hc>B&@H`T3PN)?0`V@bdc(Y9Q` z!Wt~)Ns6`*kU5-**Vd>LY5-LOcY|WnWPy&C+wY?Nt!d9aLf7{QndVHO`$EYxR1Un! z>@ty}Xr^L@lMDtEF@(Kd`}JszXSoRFuS?a61Ft1S&7Y6Dz3Z zau%*5p-eEO1~D`sIna9vNQ{m8H(DJZh4PRJu zVt^snMPTkqt!$xeqLruf@nS1L@+?VQHrq30PhjGoid6WV#paXk` zcr@C#a`DRxpd6p6!x-Ux>^uD_8MXbZdItM7g9SKoUhY6vT<#6Fcx<<{up zDkbGC$>gTkx7+4ZZTlQc#RDO8TP~jLIuOEpaO0PECF95D=jJyTarF0oRWky;m4cg0 z53`Tv3YFeK++f4$V{NnZJN!$?)wNVHvQiT_##5T^cI^_imF$xFd2xOZ-amHZyM7N^4#maDEY(qL%374b$J6Jp;|6~@bc*CMCQ<4i z8t*D>fwxaDPkhdQ_zWKZ3`z9IXo94tCbtsT%z&K?;{C@v(F?f8NY_C|BCH(lKeVck zGRJ?58-6=C^K|#dM1h3^jBKyvGBb0CWQM1`6h&^TgFMx)g#tl$!_h z8~p&aPbldIkvRH-Q~2g{ZvZ!N5^Afk6r0qwN)xup}ONW^Lxq#234 zZBZ=ML{077c=4~7uw(I}ZF_mz4yp_kDw^K8u@gBMwGxW3z*$3jgi@}e?1qGMqn4;R zUIy~Y*8h4bKKEqkeCzx~A12%@>|}@7Ab)nv5LpvHZes3S#AvMZe8PAyxPb88^V{Z6 zpS8x{y3kj*+oS*nygOEJz5Dw^U;@0&_sX9KOW+r%OyA~<+pw#X^yVdpih|(Lh|Sn> zePJC*a!ULBDEpfxJ@E*7RhfnLb7? zwf{PV#^b&tysnsc2^^ZKX2qswGK%>2$#fcgJIWS=Tj2 z(qpTwz?ut!BNyx)Hsn~!lB3zMmN3)Hx}~v!%v8)`*>TWvy9&J`qJGe`JI?%oeHMOq z2?(4p7Z4+=UyGdJ+Y>%8h0FBq2_ER+76r^@?tU$_D1fWv8S5l1xSG^FPfG6;$IsW0 zXeuJj^y;;5u=R$sUjwyn44%4)%0sI!YkWLRMK6XBQqpwAe@hfLGtKa~~M6ZaR%|UlUW@$~Lu(gl9;Hv_-~fJhZ=K6If1LJlDS+@`77$*(BHjYK$<& zA;KF&yng*z@7=`vQ{eaF6*@1O5#wAh;k@igQg=^cs{uO8eC-gAS8kfuN9`&TXfpCJ ziH$ol#`(lBOks9+!vOW|eq{Ji?PDbP+}4c!5kteTB!Amy(PVoll*}`Rc2ju-Wi^u6 z5kvFK*7H8ys^h|=G{qJ^0Q-kXjB|-exN(TxI&6I~oNFykD!ony7lcGjXRhJ~dRX)D z^~J9SLd}-zp;o8YwBnSoi~Va|v#5ssMpR^hQ{&h5UnqB*o|i9m)mSS|1VngYm<|B= zoaupQ*R)z&#t1#(1x9@1go93KY2;>I)}-aZ1KZ`yxn%8~?jh{k?s<`uL+;lC&x=7` zyolK1`w(LmsNSW|TUsP8{J0yvvjtBc*NoShhX}g@4kMs|%L18@7ng3^wsdq0ylO}W zOo*wXjcn@Mc;En=YI_8}NuA&RmhG#Ckrsd=%bMJ~rZ{~MxR8*i+s^!$eFk!D9r}KZ zvnz<33f~BimqH4js#O6SLV)pqHHfXai#;jHl;e$jPwZU=?`Bj}p9Q#QCyJ=U6_4x4 z)=x!rdT*eieFIC#`jqWLd`L6A45&{i7iO@BbY_p(x5m2gx@b-7@CurQ{q!)hFH;AK zgI))mM7*h7%raAN{0Q9(wR=;Vf_E|Xfl;F>?4x*jF>YmnPNp}?@?JdGCw$%29KAkx zL{kXse9Mrk<;E+mm}4sl{^3?4SD-z;>j2N{LXOsc{`xoHH28!0JT5=4YhgCm0-rPi zsoGw5Wib-)##lk?0#D3!%GbaN{EJ)MOZl(P#s>mu$72XIyaMmBjJ*GC;AY(-ycam# zM}?EZ6R0hSxB&O-JXkLIDxvRqKQI(=y^6OI_;?z>c>WS$J`OQA#PV_QH_)YD=V!}s zV5H0V$KVy$CPWV9hFA@Y_&t^o=po{0?G2AsM(~SYgKC8g)ly0MaXoCYGa0rcoK`_wL{@&f! zoO^Fv8-7H`##bB`v0>oo&F}3Z90LIRR47T7^sU{mf2@J<;6NDYEg6pn;?WNZ4m@aj zgVr_(k7nf9^|4}#=@Tc5a{3WpfTZx}o8X;`-8rUA`;qJ&27ahfN`%%z;n`yiWaIFc zjG=&$+xXI*cxwV<8!#2c2(lYwaq0i+?#<)ly2^w9Id|4O`#zGjk9NzJWy`W0FR>iU zP8=s>aaP-jE!(m!N0uB(juQgK2@n!?0u3~w5SFBr@`k>UH=!*rO=+Pdw3LR@Qj)i& zEzk|}wr^=dfhzC!Ip^M)JJL9TzMtPeKT96nIrrRi&+?q-Jo^I@z_eN2y7(?RLnZoA zjxfK$Pei3Wi^FKa1glutAeE$U(hv* z>7S*Fov-mnf~i1e{NCTzA`!-0&H3urmcPS=ZN$>?i$%n5O&`0^e%gNad(+QeY%fke z>%>8GV}>UjdpXxl1fq}(B#4Vd)q?nl?ZDR}WJxtVIQI6jHN^Z56A?uXb=L$1C*LZe zz)`#@T#tion5KB;TaNdvn_<{1>v6G}iv_*1pWQX45=#X^|L$Q&G;a0UqlkuPC+n}t zp{f)X3Kvq(wMy|rooH$a31V-}H9-lq6x5jS)y)18;z5%lLel2;ff4bB8jXlZ&?^hvIrp`6bbx~UtU zH)cpW##B&=k zIEQ!nu0fBtR_vQ4ypN%nA(eFuMWT#W?3s&cg+a6GQ`Scui)ZYd#ljiAI5G~&dl<&c z3C|`t3+CR@3|GR3h>sm3dv0Y*Yio0SJiNZI zk13LNn_hkap6i43trJv`VMZWaJgzN}3$-pSD%-uW>Zy_*jHas|Di?Hx)Gu{byiTy8 zk9+)0c!3wT#V!wUUq;~>zX491dZWwN8r&`ZZC68MAQDSQ?bYMs-DUpm?OZwFrQv?> z#)d*fJciD8e$H?YC6cMKT2soQqmqOU{{j9c`1jp@J(N z_sYiCi^$c;#0^Mmq4?YLOU2=}((uJ69rzaL5j)<`7MBRX&6-u=yt@kLegZ86-374< z5q~v;C_vAN>jhC@M;(&l_sB3D`Zd3OHB=ie<$U>srN8(MIE%MfIQ%~>T$%0Da`}W@ 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 z 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 L;fxvhJ<0C?m&wX* literal 0 HcmV?d00001 diff --git a/mobile/www/fonts/MaterialIcons-Regular.eot b/mobile/www/fonts/MaterialIcons-Regular.eot new file mode 100644 index 0000000000000000000000000000000000000000..70508ebabc9992e64f1314f866b2d7ab90438c58 GIT binary patch literal 143258 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 Hzx)3OGG_Ot literal 0 HcmV?d00001 diff --git a/mobile/www/fonts/MaterialIcons-Regular.ttf b/mobile/www/fonts/MaterialIcons-Regular.ttf new file mode 100644 index 0000000000000000000000000000000000000000..7015564ad166a3e9d88c82f17829f0cc01ebe29a GIT binary patch literal 128180 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 ohyj3!`#ee%L;DTjx@8!5k5~VH0QmdE^#A|> literal 0 HcmV?d00001 diff --git a/mobile/www/fonts/MaterialIcons-Regular.woff b/mobile/www/fonts/MaterialIcons-Regular.woff new file mode 100644 index 0000000000000000000000000000000000000000..b648a3eea2d16b6ce783906d6b7d5f251b9eb56c GIT binary patch literal 57620 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

wF7DI|Kx|V1sBQ9FYs>m5C)C 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 BJ$(QG literal 0 HcmV?d00001 diff --git a/mobile/www/fonts/MaterialIcons-Regular.woff2 b/mobile/www/fonts/MaterialIcons-Regular.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..9fa211252080046a23b2449dbdced6abc2b0bb34 GIT binary patch literal 44300 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 QW8}wPUeo^@jR61v08@RD2LJ#7 literal 0 HcmV?d00001 diff --git a/mobile/www/framework7/css/framework7.bundle.css b/mobile/www/framework7/css/framework7.bundle.css new file mode 100644 index 0000000..6e3fe02 --- /dev/null +++ b/mobile/www/framework7/css/framework7.bundle.css @@ -0,0 +1,15650 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(-20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + left: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-left: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-left: var(--f7-navbar-title-margin-left); + margin-right: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: calc(8px + var(--f7-safe-area-right)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-left: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(0%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(-100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: var(--f7-safe-area-right); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-left: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + left: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-left: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +.md .subnavbar-inner > a.link:last-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-left: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-left: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-left: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-left: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-left: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-left: 0; +} +.list .ripple-wave + .item-cell { + margin-left: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + width: auto; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.links-list a:after { + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-right: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-right: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + right: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-left: 4px; +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size, var(--f7-button-font-size)); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button:not(.button-outline):first-child { + border-left: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.segmented .button:last-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button-round:first-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button-round:last-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-left: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_left_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_right_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_left_md'; +} +.md .icon-forward:after { + content: 'arrow_right_md'; +} +.md .icon-next:after { + content: 'chevron_right_md'; +} +.md .icon-prev:after { + content: 'chevron_left_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +:root { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.ios { + --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); + --f7-dialog-box-shadow: none; + --f7-dialog-width: 270px; + --f7-dialog-border-radius: 13px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: center; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 18px; + --f7-dialog-title-font-weight: 600; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 17px; + --f7-dialog-button-height: 44px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 400; + --f7-dialog-button-text-transform: none; + --f7-dialog-button-pressed-bg-color: rgba(230, 230, 230, 0.95); + --f7-dialog-input-font-size: 14px; + --f7-dialog-input-height: 32px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: #a9a9a9; + --f7-dialog-preloader-size: 34px; +} +.md { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: var(--f7-elevation-24); + --f7-dialog-width: 280px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #757575; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 16px; + --f7-dialog-title-text-color: #212121; + --f7-dialog-title-font-size: 20px; + --f7-dialog-title-font-weight: 500; + --f7-dialog-title-line-height: 1.3; + --f7-dialog-button-font-size: 14px; + --f7-dialog-button-height: 36px; + --f7-dialog-button-letter-spacing: 0.03em; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: uppercase; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-font-size: 16px; + --f7-dialog-input-height: 36px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: transparent; + --f7-dialog-input-border-width: 0px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-dialog-preloader-size: 32px; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + transform: translate3d(0, -50%, 0) scale(1.185); + transition-property: transform, opacity; + display: none; + transition-duration: 400ms; + box-shadow: var(--f7-dialog-box-shadow); + width: var(--f7-dialog-width); + margin-left: calc(-1 * var(--f7-dialog-width) / 2); + border-radius: var(--f7-dialog-border-radius); + text-align: var(--f7-dialog-text-align); + color: var(--f7-dialog-text-color); + font-size: var(--f7-dialog-font-size); + will-change: transform, opacity; +} +.dialog.modal-in { + opacity: 1; + transform: translate3d(0, -50%, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + color: var(--f7-dialog-title-text-color); + font-size: var(--f7-dialog-title-font-size); + font-weight: var(--f7-dialog-title-font-weight); + line-height: var(--f7-dialog-title-line-height); +} +.dialog-buttons { + position: relative; + display: flex; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-button { + box-sizing: border-box; + overflow: hidden; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + color: var(--f7-dialog-button-text-color); + font-size: var(--f7-dialog-button-font-size); + height: var(--f7-dialog-button-height); + line-height: var(--f7-dialog-button-height); + letter-spacing: var(--f7-dialog-button-letter-spacing); + text-align: var(--f7-dialog-button-text-align); + font-weight: var(--f7-dialog-button-font-weight); + text-transform: var(--f7-dialog-button-text-transform); + display: block; + cursor: pointer; +} +.dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +input.dialog-input[type] { + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + box-shadow: none; + font-size: var(--f7-dialog-input-font-size); + height: var(--f7-dialog-input-height); + background-color: var(--f7-dialog-input-bg-color); + border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color); +} +input.dialog-input[type]::-webkit-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-moz-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-ms-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +.dialog-preloader .preloader { + --f7-preloader-size: var(--f7-dialog-preloader-size); +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + -webkit-box-flex: 1; + -ms-flex: 1; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 var(--f7-dialog-border-radius); +} +.ios .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: var(--f7-dialog-border-radius); +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input { + padding: 0 5px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 15px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.md .dialog { + background: var(--f7-dialog-bg-color); +} +.md .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.md .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 8px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-input { + padding: 0; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: 0px; + */ +} +.ios { + --f7-popup-box-shadow: none; +} +.md { + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} +.popup-backdrop { + z-index: 10500; +} +.popup { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; + will-change: transform; + overflow: hidden; + border-radius: var(--f7-popup-border-radius); +} +.popup.modal-in, +.popup.modal-out { + transition-duration: 400ms; +} +.popup.not-animated { + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: var(--f7-popup-tablet-width); + height: var(--f7-popup-tablet-height); + left: 50%; + top: 50%; + margin-left: calc(-1 * var(--f7-popup-tablet-width) / 2); + margin-top: calc(-1 * var(--f7-popup-tablet-height) / 2); + transform: translate3d(0, 100vh, 0); + box-shadow: var(--f7-popup-box-shadow); + border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius)); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + .popup-backdrop { + z-index: 9500; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +:root { + --f7-login-screen-bg-color: #fff; + --f7-login-screen-content-bg-color: #fff; + --f7-login-screen-blocks-max-width: 480px; + /* + --f7-login-screen-list-button-text-color: var(--f7-theme-color); + */ + --f7-login-screen-title-text-align: center; + --f7-login-screen-title-text-color: inherit; + --f7-login-screen-title-letter-spacing: 0; +} +:root .theme-dark, +:root.theme-dark { + --f7-login-screen-bg-color: #171717; + --f7-login-screen-content-bg-color: transparent; +} +.ios { + --f7-login-screen-blocks-margin-vertical: 25px; + --f7-login-screen-title-font-size: 30px; + --f7-login-screen-title-font-weight: normal; +} +.md { + --f7-login-screen-blocks-margin-vertical: 24px; + --f7-login-screen-title-font-size: 34px; + --f7-login-screen-title-font-weight: normal; +} +.login-screen { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-login-screen-bg-color); + z-index: 11000; + will-change: transform; +} +.login-screen.modal-in, +.login-screen.modal-out { + transition-duration: 400ms; +} +.login-screen.not-animated { + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + transform: translate3d(0, 100%, 0); +} +.login-screen-content { + background: var(--f7-login-screen-content-bg-color); +} +.login-screen-content .list-button { + text-align: center; + color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color)); +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block { + margin: var(--f7-login-screen-blocks-margin-vertical) auto; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: var(--f7-login-screen-blocks-max-width); +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: var(--f7-login-screen-title-text-align); + font-size: var(--f7-login-screen-title-font-size); + font-weight: var(--f7-login-screen-title-font-weight); + color: var(--f7-login-screen-title-text-color); + letter-spacing: var(--f7-login-screen-title-letter-spacing); +} +.theme-dark .login-screen-content .list ul, +.theme-dark .login-screen-content .block-strong { + background-color: transparent; +} +/* === Popover === */ +:root { + --f7-popover-width: 260px; +} +.ios { + --f7-popover-bg-color: rgba(255, 255, 255, 0.95); + --f7-popover-border-radius: 13px; + --f7-popover-box-shadow: none; + --f7-popover-actions-icon-size: 28px; + --f7-popover-actions-label-text-color: #8a8a8a; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-popover-bg-color: rgba(30, 30, 30, 0.95); +} +.md { + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: var(--f7-elevation-8); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); +} +.popover { + width: var(--f7-popover-width); + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + transition-duration: 300ms; + background-color: var(--f7-popover-bg-color); + border-radius: var(--f7-popover-border-radius); + box-shadow: var(--f7-popover-box-shadow); + will-change: transform, opacity; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover .list:first-child ul { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:first-child li:first-child, +.popover .list:first-child li:first-child a, +.popover .list:first-child li:first-child > label { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:last-child ul { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:last-child li:last-child, +.popover .list:last-child li:last-child a, +.popover .list:last-child li:last-child > label { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:first-child:last-child li:first-child:last-child, +.popover .list:first-child:last-child li:first-child:last-child a, +.popover .list:first-child:last-child li:first-child:last-child > label, +.popover .list:first-child:last-child ul { + border-radius: var(--f7-popover-border-radius); +} +.popover .list + .list { + margin-top: var(--f7-list-margin-vertical); +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + transition-duration: 0ms; +} +.popover-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions .item-link i.icon { + width: var(--f7-popover-actions-icon-size); + height: var(--f7-popover-actions-icon-size); + font-size: var(--f7-popover-actions-icon-size); +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; + display: flex; + align-items: center; + padding: var(--f7-actions-label-padding); + color: var(--f7-popover-actions-label-text-color); + font-size: var(--f7-actions-label-font-size); + justify-content: var(--f7-actions-label-justify-content); +} +.popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + transform: none; + transition-property: opacity; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.md .popover { + transform: scale(0.85, 0.6); + transition-property: opacity, transform; +} +.md .popover.modal-in { + opacity: 1; + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + transform: scale(1); +} +.md .popover-on-top { + transform-origin: center bottom; +} +.md .popover-on-bottom { + transform-origin: center top; +} +/* === Actions === */ +.ios { + --f7-actions-bg-color: rgba(255, 255, 255, 0.95); + --f7-actions-border-radius: 13px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.2); + --f7-actions-button-text-color: var(--f7-theme-color); + --f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9); + --f7-actions-button-padding: 0px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 57px; + --f7-actions-button-height-landscape: 44px; + --f7-actions-button-font-size: 20px; + --f7-actions-button-icon-size: 28px; + --f7-actions-button-justify-content: center; + --f7-actions-label-padding: 8px 10px; + --f7-actions-label-text-color: #8a8a8a; + --f7-actions-label-font-size: 13px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: transparent; + --f7-actions-group-margin: 8px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.md { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 0px; + --f7-actions-button-border-color: transparent; + --f7-actions-button-text-color: rgba(0, 0, 0, 0.87); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 16px; + --f7-actions-button-text-align: left; + --f7-actions-button-height: 48px; + --f7-actions-button-height-landscape: 48px; + --f7-actions-button-font-size: 16px; + --f7-actions-button-icon-size: 24px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 12px 16px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); + --f7-actions-label-font-size: 16px; + --f7-actions-label-justify-content: flex-start; + --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-margin: 0px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + transition-property: transform; + will-change: transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + transition-duration: 300ms; +} +.actions-modal.not-animated { + transition-duration: 0ms; +} +.actions-modal.modal-in { + transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0); +} +.actions-modal.modal-out { + z-index: 13499; + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +@media (orientation: landscape) { + .actions-modal { + --f7-actions-button-height: var(--f7-actions-button-height-landscape); + } +} +.actions-group { + overflow: hidden; + position: relative; + margin: var(--f7-actions-group-margin); + border-radius: var(--f7-actions-border-radius); + transform: translate3d(0, 0, 0); +} +.actions-group:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-group-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-group:last-child:after { + display: none !important; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + box-sizing: border-box; + display: block; + position: relative; + overflow: hidden; + text-align: var(--f7-actions-button-text-align); + background: var(--f7-actions-bg-color); +} +.actions-button:after, +.actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-button:first-child, +.actions-label:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-button:last-child, +.actions-label:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-button:last-child:after, +.actions-label:last-child:after { + display: none !important; +} +.actions-button:first-child:last-child, +.actions-label:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 600; +} +.actions-button { + cursor: pointer; + display: flex; + color: var(--f7-actions-button-text-color); + font-size: var(--f7-actions-button-font-size); + height: var(--f7-actions-button-height); + line-height: var(--f7-actions-button-height); + padding: var(--f7-actions-button-padding); + justify-content: var(--f7-actions-button-justify-content); + z-index: 10; +} +.actions-button.active-state { + background-color: var(--f7-actions-button-pressed-bg-color) !important; +} +.actions-button[class*="color-"] { + color: var(--f7-theme-color); +} +.actions-button-media { + flex-shrink: 0; + display: flex; + align-items: center; +} +.actions-button-media i.icon { + width: var(--f7-actions-button-icon-size); + height: var(--f7-actions-button-icon-size); + font-size: var(--f7-actions-button-icon-size); +} +.actions-button a, +.actions-button-text { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.actions-button-text { + width: 100%; + flex-shrink: 1; + text-align: var(--f7-actions-button-text-align); +} +.actions-label { + line-height: 1.3; + display: flex; + align-items: center; + font-size: var(--f7-actions-label-font-size); + color: var(--f7-actions-label-text-color); + padding: var(--f7-actions-label-padding); + justify-content: var(--f7-actions-label-justify-content); + min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height)); +} +.actions-grid .actions-group { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + border-radius: 0; + background: var(--f7-actions-bg-color); + margin-top: 0; +} +.actions-grid .actions-group:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-grid .actions-group:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-grid .actions-group:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.actions-grid .actions-button, +.actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; + color: var(--f7-actions-grid-button-text-color); + height: auto; + line-height: 1; + padding: 16px; +} +.actions-grid .actions-button:after { + display: none !important; +} +.actions-grid .actions-button-media { + margin-left: auto !important; + margin-right: auto !important; + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-media i.icon { + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); + font-size: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center !important; + margin-top: 8px; + line-height: 1.33em; + height: 1.33em; + font-size: var(--f7-actions-grid-button-font-size); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.md .actions-button { + transition-duration: 300ms; +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +/* === Sheet Modal === */ +:root { + --f7-sheet-height: 260px; +} +.ios { + --f7-sheet-bg-color: #cfd5da; + --f7-sheet-border-color: #929499; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-sheet-bg-color: #171717; + --f7-sheet-border-color: var(--f7-bars-border-color); +} +.md { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} +.sheet-backdrop { + z-index: 11000; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: var(--f7-sheet-height); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-sheet-bg-color); + z-index: 12500; + will-change: transform; +} +.sheet-modal:before { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.sheet-modal:before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + transition-duration: 300ms; +} +.sheet-modal.not-animated { + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.sheet-modal .toolbar:after, +.sheet-modal .toolbar:before { + display: none; +} +.sheet-modal .toolbar ~ * .page-content { + padding-top: 0; + padding-bottom: 0; +} +.sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - var(--f7-toolbar-height)); +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; + padding-top: 0; +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + flex-shrink: 0; +} +/* === Toast === */ +.ios { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: rgba(0, 0, 0, 0.75); + --f7-toast-translucent-bg-color-ios: rgba(0, 0, 0, 0.75); + --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-vertical: 12px; + --f7-toast-border-radius: 8px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.md { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: #323232; + --f7-toast-padding-horizontal: 24px; + --f7-toast-padding-vertical: 14px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.toast { + transition-property: transform, opacity; + position: absolute; + max-width: 568px; + z-index: 20000; + color: var(--f7-toast-text-color); + font-size: var(--f7-toast-font-size); + box-sizing: border-box; + background-color: var(--f7-toast-bg-color); + opacity: 0; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal); +} +.toast .toast-text { + line-height: 20px; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + flex-shrink: 0; + min-width: var(--f7-toast-button-min-width); + margin-top: -8px; + margin-bottom: -8px; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons, +.toast.toast-with-icon .toast-icon .material-icons { + font-size: var(--f7-toast-icon-size); + width: var(--f7-toast-icon-size); + height: var(--f7-toast-icon-size); +} +.toast.toast-center { + top: 50%; +} +.toast.toast-top { + margin-top: var(--f7-statusbar-height); +} +.ios .toast { + transition-duration: 300ms; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: var(--f7-toast-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-top { + top: 0; + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + transform: translate3d(0, 0%, 0); +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: var(--f7-toast-border-radius); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-bottom { + bottom: 0; + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + transform: translate3d(0, 0%, 0); +} +@media (max-width: 568px) { + .ios .toast.toast-bottom .toast-content { + padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + border-radius: var(--f7-toast-border-radius); + } + .ios .toast.toast-top { + top: 15px; + } + .ios .toast.toast-center { + margin-left: 0; + } + .ios .toast.toast-bottom { + margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-button { + margin-left: 15px; + margin-right: calc(-1 * var(--f7-button-padding-horizontal)); +} +.md .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 8px; + width: calc(100% - 16px); + transform: scale(0.9); +} +.md .toast.modal-in { + transform: scale(1); +} +.md .toast.modal-out { + transform: scale(1); +} +.md .toast.toast-top { + top: 8px; +} +.md .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: calc(8px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: calc(24px + var(--f7-safe-area-bottom)); + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-button { + margin-left: 16px; + margin-right: -8px; +} +/* === Preloader === */ +:root { + --f7-preloader-modal-padding: 8px; + --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +} +.ios { + --f7-preloader-color: #6c6c6c; + --f7-preloader-size: 20px; + --f7-preloader-modal-preloader-size: 34px; + --f7-preloader-modal-border-radius: 5px; +} +.md { + --f7-preloader-color: #757575; + --f7-preloader-size: 32px; + --f7-preloader-modal-preloader-size: 32px; + --f7-preloader-modal-border-radius: 4px; +} +.preloader { + display: inline-block; + vertical-align: middle; + width: var(--f7-preloader-size); + height: var(--f7-preloader-size); + font-size: 0; + position: relative; +} +/* === Preloader Modal === */ +.preloader-backdrop { + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: var(--f7-preloader-modal-padding); + background: var(--f7-preloader-modal-bg-color); + z-index: 14500; + transform: translateX(-50%) translateY(-50%); + border-radius: var(--f7-preloader-modal-border-radius); +} +.preloader-modal .preloader { + --f7-preloader-size: var(--f7-preloader-modal-preloader-size); + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.preloader[class*="color-"] { + --f7-preloader-color: var(--f7-theme-color); +} +.ios .preloader { + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader .preloader-inner-line { + display: block; + width: 10%; + height: 25%; + border-radius: 100px; + background: var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + transform-origin: center 200%; +} +.ios .preloader .preloader-inner-line:nth-child(1) { + transform: translate(-50%, -200%) rotate(0deg); + opacity: 0.27; +} +.ios .preloader .preloader-inner-line:nth-child(2) { + transform: translate(-50%, -200%) rotate(30deg); + opacity: 0.32272727; +} +.ios .preloader .preloader-inner-line:nth-child(3) { + transform: translate(-50%, -200%) rotate(60deg); + opacity: 0.37545455; +} +.ios .preloader .preloader-inner-line:nth-child(4) { + transform: translate(-50%, -200%) rotate(90deg); + opacity: 0.42818182; +} +.ios .preloader .preloader-inner-line:nth-child(5) { + transform: translate(-50%, -200%) rotate(120deg); + opacity: 0.48090909; +} +.ios .preloader .preloader-inner-line:nth-child(6) { + transform: translate(-50%, -200%) rotate(150deg); + opacity: 0.53363636; +} +.ios .preloader .preloader-inner-line:nth-child(7) { + transform: translate(-50%, -200%) rotate(180deg); + opacity: 0.58636364; +} +.ios .preloader .preloader-inner-line:nth-child(8) { + transform: translate(-50%, -200%) rotate(210deg); + opacity: 0.63909091; +} +.ios .preloader .preloader-inner-line:nth-child(9) { + transform: translate(-50%, -200%) rotate(240deg); + opacity: 0.69181818; +} +.ios .preloader .preloader-inner-line:nth-child(10) { + transform: translate(-50%, -200%) rotate(270deg); + opacity: 0.74454545; +} +.ios .preloader .preloader-inner-line:nth-child(11) { + transform: translate(-50%, -200%) rotate(300deg); + opacity: 0.79727273; +} +.ios .preloader .preloader-inner-line:nth-child(12) { + transform: translate(-50%, -200%) rotate(330deg); + opacity: 0.85; +} +@keyframes ios-preloader-spin { + 100% { + transform: rotate(360deg); + } +} +.md .preloader { + animation: md-preloader-outer 3300ms linear infinite; +} +@keyframes md-preloader-outer { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + box-sizing: border-box; + border-top: 4px solid var(--f7-preloader-color); +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + box-sizing: border-box; + border: 4px solid var(--f7-preloader-color); + border-bottom-color: transparent !important; + border-radius: 50%; + animation-iteration-count: infinite; + animation-duration: 1.3125s; + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + animation-name: md-preloader-right-rotate; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + animation-name: md-preloader-right-rotate-multicolor; +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + transform: rotate(130deg); + } + 50% { + transform: rotate(-5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + transform: rotate(-130deg); + } + 50% { + transform: rotate(5deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.ios { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + */ + --f7-progressbar-bg-color: #b6b6b6; + --f7-progressbar-height: 2px; + --f7-progressbar-border-radius: 2px; +} +.md { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + --f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5); + */ + --f7-progressbar-height: 4px; + --f7-progressbar-border-radius: 0px; +} +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + transform-style: preserve-3d; + background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), 0.5)); + transform-origin: center top; + height: var(--f7-progressbar-height); + border-radius: var(--f7-progressbar-border-radius); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + transform: translate3d(-100%, 0, 0); + transition-duration: 150ms; +} +.progressbar-infinite { + z-index: 15000; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform-origin: left center; + transform: translate3d(0, 0, 0); + display: block; + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + animation: progressbar-out 150ms forwards; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + transform-origin: center top !important; +} +body > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + top: var(--f7-statusbar-height); +} +@keyframes progressbar-in { + from { + opacity: 0; + transform: scaleY(0); + } + to { + opacity: 1; + transform: scaleY(1); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + transform: scaleY(1); + } + to { + opacity: 0; + transform: scaleY(0); + } +} +.ios .progressbar-infinite:before { + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite:after { + display: none; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes ios-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} +.md .progressbar-infinite:before { + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + transform-origin: center center; +} +@keyframes md-progressbar-infinite-1 { + 0% { + transform: translateX(-10%) scaleX(0.1); + } + 25% { + transform: translateX(30%) scaleX(0.6); + } + 50% { + transform: translateX(100%) scaleX(1); + } + 100% { + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + transform: translateX(-100%) scaleX(1); + } + 40% { + transform: translateX(-100%) scaleX(1); + } + 75% { + transform: translateX(60%) scaleX(0.35); + } + 90% { + transform: translateX(100%) scaleX(0.1); + } + 100% { + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + transform: scaleX(1); + background-color: #f44336; + } + 25% { + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +:root { + --f7-sortable-handler-color: #c7c7cc; + --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8); +} +:root .theme-dark, +:root.theme-dark { + --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8); +} +.ios { + --f7-sortable-handler-width: 35px; + --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.md { + --f7-sortable-handler-width: 42px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} +.sortable .sortable-handler { + width: var(--f7-sortable-handler-width); + height: 100%; + position: absolute; + top: 0; + z-index: 10; + opacity: 0; + pointer-events: none; + cursor: move; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + right: var(--f7-safe-area-right); +} +.sortable .sortable-handler:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + transition-duration: 300ms; + transform: translateX(10px); + color: var(--f7-sortable-handler-color); + overflow: hidden; + height: 20px; + width: 18px; +} +.sortable .item-inner { + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: var(--f7-sortable-sorting-item-bg-color); + transition-duration: 0ms; + box-shadow: var(--f7-sortable-sorting-item-box-shadow); +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; +} +.sortable-enabled .sortable-handler:after { + transform: translateX(0px); +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.list.sortable-enabled .item-inner, +.list.sortable-enabled .item-link .item-inner, +.list.sortable-enabled .item-link.no-chevron .item-inner, +.list.sortable-enabled.no-chevron .item-link .item-inner, +.list.sortable-enabled .no-chevron .item-link .item-inner, +.no-chevron .list.sortable-enabled .item-link .item-inner { + padding-right: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)); +} +.ios .sortable-handler:after { + content: 'sort_ios'; +} +.md .sortable-handler:after { + content: 'sort_md'; +} +/* === Swipeout === */ +:root { + --f7-swipeout-button-text-color: #fff; + --f7-swipeout-button-bg-color: #c7c7cc; + --f7-swipeout-delete-button-bg-color: #ff3b30; +} +.ios { + --f7-swipeout-button-padding: 0 30px; +} +.md { + --f7-swipeout-button-padding: 0 24px; +} +.swipeout { + overflow: hidden; + transform-style: preserve-3d; +} +.swipeout-deleting { + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + transition-duration: 300ms; + transition-property: transform, left; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + transition-duration: 200ms; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: var(--f7-swipeout-button-text-color); + background: var(--f7-swipeout-button-bg-color); + padding: var(--f7-swipeout-button-padding); + display: flex; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-left .swipeout-delete, +.swipeout-actions-right .swipeout-delete { + background: var(--f7-swipeout-delete-button-bg-color); +} +.swipeout-actions-right { + right: 0%; + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.swipeout-actions-left [class*="color-"], +.swipeout-actions-right [class*="color-"] { + --f7-swipeout-button-bg-color: var(--f7-theme-color); +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + transition-duration: 300ms; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-left: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + transform: none; +} +.list .accordion-item-toggle .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right)); +} +.list .accordion-item-toggle .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 14px; + height: 8px; + margin-top: -4px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.list .accordion-item-toggle.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item > .item-link .item-title-row:before, +.accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item.media-item > .item-link .item-title-row:before, +.links-list .accordion-item > a:before { + content: 'chevron_down'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +.list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item-opened > .item-link .item-title-row:before, +.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item-opened.media-item > .item-link .item-title-row:before, +.links-list .accordion-item-opened > a:before { + content: 'chevron_up'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +/* === Contacts === */ +.ios { + --f7-contacts-list-title-font-size: inherit; + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + --f7-contacts-list-title-height: 22px; + --f7-contacts-list-title-bg-color: #f7f7f7; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-contacts-list-title-text-color: #fff; + --f7-contacts-list-title-bg-color: #232323; +} +.md { + --f7-contacts-list-title-font-size: 20px; + --f7-contacts-list-title-font-weight: 500; + --f7-contacts-list-title-text-color: var(--f7-theme-color); + --f7-contacts-list-title-height: 48px; + --f7-contacts-list-title-bg-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} +.contacts-list { + --f7-list-margin-vertical: 0px; +} +.contacts-list .list-group-title, +.contacts-list li.list-group-title { + background-color: var(--f7-contacts-list-title-bg-color); + font-weight: var(--f7-contacts-list-title-font-weight); + font-size: var(--f7-contacts-list-title-font-size); + color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color)); + line-height: var(--f7-contacts-list-title-height); + height: var(--f7-contacts-list-title-height); +} +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list .list-group-title { + pointer-events: none; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: calc(var(--f7-contacts-list-title-height) * -1); +} +.md .contacts-list li:not(.list-group-title) { + padding-left: 56px; +} +/* === Virtual List === */ +/* === Indexed List === */ +:root { + --f7-list-index-width: 16px; + --f7-list-index-font-size: 11px; + --f7-list-index-font-weight: 600; + /* --f7-list-index-text-color: var(--f7-theme-color); */ + --f7-list-index-item-height: 14px; + --f7-list-index-label-text-color: #fff; + /* --f7-list-index-label-bg-color: var(--f7-theme-color); */ + --f7-list-index-label-font-weight: 500; +} +.ios { + --f7-list-index-label-size: 44px; + --f7-list-index-label-font-size: 17px; + --f7-list-index-skip-dot-size: 6px; +} +.md { + --f7-list-index-label-size: 56px; + --f7-list-index-label-font-size: 20px; + --f7-list-index-skip-dot-size: 4px; +} +.list-index { + position: absolute; + top: 0; + bottom: 0; + text-align: center; + z-index: 10; + width: var(--f7-list-index-width); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + right: var(--f7-safe-area-right); +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + color: var(--f7-list-index-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-index-font-size); + font-weight: var(--f7-list-index-font-weight); + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: var(--f7-list-index-item-height); + line-height: var(--f7-list-index-item-height); + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; + width: var(--f7-list-index-skip-dot-size); + height: var(--f7-list-index-skip-dot-size); + margin-left: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + margin-top: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + background: var(--f7-list-index-text-color, var(--f7-theme-color)); +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color)); + color: var(--f7-list-index-label-text-color); + width: var(--f7-list-index-label-size); + height: var(--f7-list-index-label-size); + line-height: var(--f7-list-index-label-size); + font-size: var(--f7-list-index-label-font-size); + font-weight: var(--f7-list-index-label-font-weight); +} +.navbar ~ .page > .list-index, +.navbar ~ .list-index { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .list-index, +.ios .navbar ~ .toolbar-top-ios ~ .list-index, +.md .navbar ~ .toolbar-top-md ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .subnavbar ~ .list-index, +.page-with-subnavbar .navbar ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-subnvabar-height)); +} +.toolbar-bottom ~ .page > .list-index, +.ios .toolbar-bottom-ios ~ .page > .list-index, +.md .toolbar-bottom-md ~ .page > .list-index, +.toolbar-bottom ~ * .page > .list-index, +.ios .toolbar-bottom-ios ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.toolbar-bottom ~ .list-index, +.ios .toolbar-bottom-ios ~ .list-index, +.md .toolbar-bottom-md ~ .list-index { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .page > .list-index, +.toolbar-bottom.tabbar-labels ~ * .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ * .page > .list-index, +.toolbar-bottom.tabbar-labels ~ .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .list-index { + bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.ios .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50%; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} +.md .list-index .list-index-label { + border-radius: 50% 50% 0 50%; +} +/* === Timeline === */ +:root { + --f7-timeline-horizontal-date-height: 34px; + --f7-timeline-year-height: 24px; + --f7-timeline-month-height: 24px; + --f7-timeline-item-inner-bg-color: #fff; +} +:root .theme-dark, +:root.theme-dark { + --f7-timeline-item-inner-bg-color: #1c1c1d; +} +.ios { + --f7-timeline-padding-horizontal: 15px; + --f7-timeline-margin-vertical: 35px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 7px; + --f7-timeline-item-inner-box-shadow: none; + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: #6d6d72; + --f7-timeline-item-title-font-size: 17px; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 15px; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-timeline-item-time-text-color: #8E8E93; +} +.md { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 32px; + --f7-timeline-divider-margin-horizontal: 16px; + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54); + --f7-timeline-item-title-font-size: 16px; + --f7-timeline-item-title-font-weight: 400; + --f7-timeline-item-subtitle-font-size: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 12px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12); + --f7-timeline-horizontal-item-date-border-color: transparent; + --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.md .theme-dark, +.md.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); +} +.timeline { + box-sizing: border-box; + margin: var(--f7-timeline-margin-vertical) 0; + padding: 0 var(--f7-timeline-padding-horizontal); + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: flex; + justify-content: flex-start; + overflow: hidden; + box-sizing: border-box; + position: relative; + padding: 2px 0px var(--f7-timeline-padding-horizontal); +} +.timeline-item:last-child { + padding-bottom: 2px; +} +.timeline-item-date { + flex-shrink: 0; + width: 50px; + text-align: right; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + flex-shrink: 10; +} +.timeline-item-content .card, +.timeline-item-content.card, +.timeline-item-content .list, +.timeline-item-content.list, +.timeline-item-content .block, +.timeline-item-content.block { + margin: 0; + width: 100%; +} +.timeline-item-content .card + .card, +.timeline-item-content .list + .card, +.timeline-item-content .block + .card, +.timeline-item-content .card + .list, +.timeline-item-content .list + .list, +.timeline-item-content .block + .list, +.timeline-item-content .card + .block, +.timeline-item-content .list + .block, +.timeline-item-content .block + .block { + margin: var(--f7-timeline-inner-block-margin-vertical) 0 0; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: var(--f7-timeline-item-inner-bg-color); + box-sizing: border-box; + border-radius: var(--f7-timeline-item-inner-border-radius); + padding: 8px var(--f7-timeline-padding-horizontal); + box-shadow: var(--f7-timeline-item-inner-box-shadow); +} +.timeline-item-inner + .timeline-item-inner { + margin-top: var(--f7-timeline-inner-block-margin-vertical); +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + flex-shrink: 0; + margin: 3px var(--f7-timeline-divider-margin-horizontal) 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: var(--f7-timeline-item-time-font-size); + margin-top: var(--f7-timeline-inner-block-margin-vertical); + color: var(--f7-timeline-item-time-text-color); +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-item-title { + font-size: var(--f7-timeline-item-title-font-size); + font-weight: var(--f7-timeline-item-title-font-weight); +} +.timeline-item-subtitle { + font-size: var(--f7-timeline-item-subtitle-font-size); + font-weight: var(--f7-timeline-item-subtitle-font-weight); +} +.timeline-sides .timeline-item-right, +.timeline-sides .timeline-item { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; +} +.timeline-sides .timeline-item-right .timeline-item-date, +.timeline-sides .timeline-item .timeline-item-date { + text-align: right; +} +.timeline-sides .timeline-item-left, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; +} +.timeline-sides .timeline-item-left .timeline-item-date, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; +} +@media (min-width: 768px) { + .tablet-sides .timeline-item-right, + .tablet-sides .timeline-item { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; + } + .tablet-sides .timeline-item-right .timeline-item-date, + .tablet-sides .timeline-item .timeline-item-date { + text-align: right; + } + .tablet-sides .timeline-item-left, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; + } + .tablet-sides .timeline-item-left .timeline-item-date, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left; + } +} +.timeline-horizontal { + height: 100%; + display: flex; + padding: 0; + margin: 0; + position: relative; + padding-left: var(--f7-safe-area-left); + padding-right: 0; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + flex-shrink: 0; + position: relative; + height: 100%; + padding-top: var(--f7-timeline-horizontal-date-height) !important; + padding-bottom: var(--f7-timeline-horizontal-item-padding); +} +.timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date { + padding: 0px var(--f7-timeline-horizontal-item-padding); + width: auto; + line-height: var(--f7-timeline-horizontal-date-height); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-timeline-horizontal-date-height); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); + text-align: left; +} +.timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-date-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-timeline-horizontal-item-date-shadow-image); +} +.timeline-horizontal.no-shadow .timeline-item-date:before { + display: none; +} +.timeline-horizontal .timeline-item-content { + padding: var(--f7-timeline-horizontal-item-padding); + height: calc(100% - var(--f7-timeline-horizontal-item-padding)); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal > .timeline-item:last-child:after, +.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } +} +.timeline-year { + padding-top: var(--f7-timeline-year-height); +} +.timeline-year:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year:last-child:after { + display: none !important; +} +.timeline-month { + padding-top: var(--f7-timeline-month-height); +} +.timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year, +.timeline-month { + display: flex; + flex-shrink: 0; + position: relative; + box-sizing: border-box; + height: 100%; +} +.timeline-year-title { + line-height: var(--f7-timeline-year-height); + height: var(--f7-timeline-year-height); +} +.timeline-month-title { + line-height: var(--f7-timeline-month-height); + height: var(--f7-timeline-month-height); +} +.timeline-year-title, +.timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + padding: 0 var(--f7-timeline-horizontal-item-padding); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); +} +.timeline-year-title span, +.timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; + left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); +} +.timeline-year-title { + font-size: 16px; +} +.timeline-month-title span { + margin-top: -2px; +} +.timeline-year:first-child .timeline-year-title, +.timeline-year:first-child .timeline-month:first-child .timeline-month-title, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: calc(var(--f7-safe-area-left) * -1); + right: 0; + width: auto; +} +.timeline-horizontal .timeline-item:first-child, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; +} +.timeline-horizontal .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); + left: calc(0px - var(--f7-safe-area-left)); + right: 0; +} +.timeline-year:last-child .timeline-year-title, +.timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); +} +.timeline-horizontal .timeline-item:last-child, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; +} +.timeline-horizontal .timeline-item:last-child .timeline-item-date, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); + left: 0; +} +/* === Timeline iOS === */ +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-year-title span { + margin-top: 3px; +} +/* === Timeline MD === */ +.md .timeline-year-title span { + margin-top: 2px; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: flex; + height: 100%; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +:root { + --f7-panel-width: 260px; + --f7-panel-bg-color: #fff; +} +.ios { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} +.md { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 300ms; + --f7-panel-shadow: rgba(0, 0, 0, 0.25) 0%, + rgba(0, 0, 0, 0.1) 30%, + rgba(0, 0, 0, 0.05) 40%, + rgba(0, 0, 0, 0) 60%, + rgba(0, 0, 0, 0) 100%; +} +.panel-backdrop { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + opacity: 0; + z-index: 5999; + display: none; + transform: translate3d(0, 0, 0); + background-color: var(--f7-panel-backdrop-bg-color); + transition-duration: var(--f7-panel-transition-duration); + will-change: transform, opacity; +} +.panel-backdrop.not-animated { + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + box-sizing: border-box; + position: absolute; + top: var(--f7-statusbar-height); + height: calc(100% - var(--f7-statusbar-height)); + transform: translate3d(0, 0, 0); + width: var(--f7-panel-width); + background-color: var(--f7-panel-bg-color); + overflow: visible; + will-change: transform; +} +.panel:after { + pointer-events: none; + opacity: 0; + z-index: 5999; + position: absolute; + content: ''; + top: 0; + width: 20px; + height: 100%; +} +.panel, +.panel:after { + transition-duration: var(--f7-panel-transition-duration); +} +.panel.not-animated, +.panel.not-animated:after { + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + transform: translate3d(-100%, 0, 0); +} +.panel-left.panel-cover:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-left-cover .panel-left.panel-cover:after { + opacity: 1; +} +.panel-left.panel-reveal:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-left-reveal .panel-left.panel-reveal:after { + opacity: 1; + transform: translate3d(var(--f7-panel-width), 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + transform: translate3d(100%, 0, 0); +} +.panel-right.panel-cover:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-right-cover .panel-right.panel-cover:after { + opacity: 1; +} +.panel-right.panel-reveal:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-right-reveal .panel-right.panel-reveal:after { + opacity: 1; + transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint:after { + display: none; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel-left-reveal .views, +html.with-panel-right-reveal .views, +html.with-panel-transitioning .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-transitioning .framework7-root > .view { + transition-duration: var(--f7-panel-transition-duration); + transition-property: transform; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + transform: translate3d(var(--f7-panel-width), 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0); +} +html.with-panel-left-cover .panel-left { + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + transform: translate3d(0px, 0, 0); +} +/* === Card === */ +:root { + --f7-card-bg-color: #fff; + --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-card-border-radius: 4px; + --f7-card-font-size: inherit; + --f7-card-header-text-color: inherit; + --f7-card-header-font-weight: 400; + --f7-card-header-border-color: #e1e1e1; + --f7-card-footer-border-color: #e1e1e1; + --f7-card-footer-font-weight: 400; + --f7-card-footer-font-size: inherit; + --f7-card-expandable-bg-color: #fff; + --f7-card-expandable-font-size: 16px; + --f7-card-expandable-tablet-width: 670px; + --f7-card-expandable-tablet-height: 670px; +} +:root .theme-dark, +:root.theme-dark { + --f7-card-bg-color: #1c1c1d; + --f7-card-outline-border-color: #282829; + --f7-card-header-border-color: #282829; + --f7-card-footer-border-color: #282829; + --f7-card-footer-text-color: #8E8E93; +} +.ios { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 17px; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 44px; + --f7-card-footer-text-color: #6d6d72; + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 44px; + --f7-card-expandable-margin-horizontal: 20px; + --f7-card-expandable-margin-vertical: 30px; + --f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --f7-card-expandable-header-font-weight: bold; +} +.md { + --f7-card-margin-horizontal: 8px; + --f7-card-margin-vertical: 8px; + --f7-card-box-shadow: var(--f7-elevation-1); + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; + --f7-card-header-font-size: 16px; + --f7-card-header-padding-vertical: 4px; + --f7-card-header-padding-horizontal: 16px; + --f7-card-header-min-height: 48px; + --f7-card-footer-text-color: #757575; + --f7-card-footer-padding-vertical: 4px; + --f7-card-footer-padding-horizontal: 16px; + --f7-card-footer-min-height: 48px; + --f7-card-expandable-margin-horizontal: 12px; + --f7-card-expandable-margin-vertical: 24px; + --f7-card-expandable-box-shadow: var(--f7-elevation-10); + --f7-card-expandable-border-radius: 8px; + --f7-card-expandable-tablet-border-radius: 4px; + --f7-card-expandable-header-font-size: 24px; + --f7-card-expandable-header-font-weight: 500; +} +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.cards-list ul, +.card .list ul { + background: none; +} +.card { + background: var(--f7-card-bg-color); + position: relative; + border-radius: var(--f7-card-border-radius); + font-size: var(--f7-card-font-size); + margin-top: var(--f7-card-margin-vertical); + margin-bottom: var(--f7-card-margin-vertical); + margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)); + box-shadow: var(--f7-card-box-shadow); +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card.no-shadow { + box-shadow: none; +} +.card-outline, +.ios .card-outline-ios, +.md .card-outline-md { + box-shadow: none; + border: 1px solid var(--f7-card-outline-border-color); +} +.card-outline.no-border, +.ios .card-outline-ios.no-border, +.md .card-outline-md.no-border, +.card-outline.no-hairlines, +.ios .card-outline-ios.no-hairlines, +.md .card-outline-md.no-hairlines { + border: none; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; + padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal); +} +.card-content-padding > .list, +.card-content-padding > .block { + margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal)); +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header { + min-height: var(--f7-card-header-min-height); + color: var(--f7-card-header-text-color); + font-size: var(--f7-card-header-font-size); + font-weight: var(--f7-card-header-font-weight); + padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal); +} +.card-footer { + min-height: var(--f7-card-footer-min-height); + color: var(--f7-card-footer-text-color); + font-size: var(--f7-card-footer-font-size); + font-weight: var(--f7-card-footer-font-weight); + padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal); +} +.card-footer a.link { + overflow: hidden; +} +.card-header, +.card-footer { + position: relative; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: var(--f7-card-header-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius); +} +.card-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-card-footer-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-footer.no-hairline:before { + display: none !important; +} +.card-expandable { + overflow: hidden; + height: 300px; + background: var(--f7-card-expandable-bg-color); + position: relative; + transform-origin: center center; + transition-property: transform, border-radius; + border-radius: var(--f7-card-expandable-border-radius); + z-index: 2; + transition-duration: 200ms; + margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)); + margin-top: var(--f7-card-expandable-margin-vertical); + margin-bottom: var(--f7-card-expandable-margin-vertical); + box-shadow: var(--f7-card-expandable-box-shadow); + font-size: var(--f7-card-expandable-font-size); +} +.card-expandable.card-no-transition { + transition-duration: 0ms; +} +.card-expandable.card-expandable-animate-width .card-content { + transition-property: width, transform; + width: 100%; +} +.card-expandable.active-state { + transform: scale(0.97); +} +.card-expandable .card-opened-fade-in, +.card-expandable .card-opened-fade-out { + transition-duration: 400ms; +} +.card-expandable .card-opened-fade-in { + opacity: 0; + pointer-events: none; +} +.card-expandable .card-content { + position: absolute; + top: 0; + width: 100vw; + height: 100vh; + transform-origin: center top; + overflow: hidden; + transition-property: transform; + box-sizing: border-box; + pointer-events: none; + left: 0; +} +.card-expandable .card-content .card-content-padding { + padding-left: calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal)); + padding-right: calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal)); +} +.card-expandable.card-opened { + transition-duration: 0ms; +} +.card-expandable.card-opening, +.card-expandable.card-closing, +.card-expandable.card-transitioning { + transition-duration: 400ms; +} +.card-expandable.card-opening .card-content { + transition-duration: 300ms; +} +.card-expandable.card-closing .card-content { + transition-duration: 500ms; +} +.card-expandable.card-opening, +.card-expandable.card-opened, +.card-expandable.card-closing { + z-index: 100; +} +.card-expandable.card-opening, +.card-expandable.card-opened { + border-radius: 0; +} +.card-expandable.card-opening .card-opened-fade-in, +.card-expandable.card-opened .card-opened-fade-in { + opacity: 1; + pointer-events: auto; +} +.card-expandable.card-opening .card-opened-fade-out, +.card-expandable.card-opened .card-opened-fade-out { + opacity: 0; + pointer-events: none; +} +.card-expandable.card-opened .card-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + pointer-events: auto; +} +.card-expandable .card-header { + font-size: var(--f7-card-expandable-header-font-size); + font-weight: var(--f7-card-expandable-header-font-weight); +} +.card-expandable .card-header:after { + display: none !important; +} +.card-expandable-size { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + opacity: 0; + pointer-events: none; + visibility: hidden; +} +@media (min-width: 768px) and (min-height: 670px) { + .card-expandable:not(.card-tablet-fullscreen) { + max-width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen).card-opened, + .card-expandable:not(.card-tablet-fullscreen).card-opening { + border-radius: var(--f7-card-expandable-tablet-border-radius); + } + .card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content { + width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { + width: var(--f7-card-expandable-tablet-width); + height: var(--f7-card-expandable-tablet-height); + } +} +.page.page-with-card-opened .page-content { + overflow: hidden; +} +.card-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 99; + pointer-events: none; + background: rgba(0, 0, 0, 0.2); + opacity: 0; +} +.card-backdrop-in { + animation: card-backdrop-fade-in 400ms forwards; + pointer-events: auto; +} +.card-backdrop-out { + animation: card-backdrop-fade-out 400ms forwards; +} +@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) { + .card-backdrop { + background: transparent; + opacity: 1; + } + .card-backdrop-in { + animation: card-backdrop-blur-in 400ms forwards; + } + .card-backdrop-out { + animation: card-backdrop-blur-out 400ms forwards; + } +} +@keyframes card-backdrop-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes card-backdrop-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes card-backdrop-blur-in { + from { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } + to { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } +} +@keyframes card-backdrop-blur-out { + from { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } + to { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } +} +/* === Chips === */ +:root { + --f7-chip-bg-color: rgba(0, 0, 0, 0.12); + --f7-chip-font-size: 13px; + --f7-chip-font-weight: normal; + --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-chip-media-font-size: 16px; + --f7-chip-delete-button-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-chip-delete-button-color: #fff; + --f7-chip-bg-color: #333; + --f7-chip-outline-border-color: #333; +} +.ios { + --f7-chip-text-color: #000; + --f7-chip-height: 24px; + --f7-chip-padding-horizontal: 10px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-chip-text-color: #fff; +} +.md { + --f7-chip-text-color: rgba(0, 0, 0, 0.87); + --f7-chip-height: 32px; + --f7-chip-padding-horizontal: 12px; +} +.md .theme-dark, +.md.theme-dark { + --f7-chip-text-color: rgba(255, 255, 255, 0.87); +} +.chip { + padding-left: var(--f7-chip-padding-horizontal); + padding-right: var(--f7-chip-padding-horizontal); + font-weight: var(--f7-chip-font-weight); + display: inline-flex; + box-sizing: border-box; + vertical-align: middle; + align-items: center; + margin: 2px 0; + background-color: var(--f7-chip-bg-color); + font-size: var(--f7-chip-font-size); + color: var(--f7-chip-text-color); + height: var(--f7-chip-height); + line-height: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + position: relative; +} +.chip-media { + border-radius: 50%; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + height: var(--f7-chip-height); + width: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + text-align: center; + line-height: var(--f7-chip-height); + box-sizing: border-box; + color: #fff; + font-size: var(--f7-chip-media-font-size); + vertical-align: middle; + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.chip-media i.icon { + font-size: calc(var(--f7-chip-height) - 8px); + height: calc(var(--f7-chip-height) - 8px); +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-media + .chip-label { + margin-left: 4px; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + flex-shrink: 0; + background-repeat: no-repeat; + width: 24px; + height: 24px; + color: var(--f7-chip-delete-button-color); + opacity: 0.54; + position: relative; +} +.chip-delete:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + content: 'delete_round_ios'; + line-height: 24px; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.chip-outline, +.ios .chip-outline-ios, +.md .chip-outline-md { + border: 1px solid var(--f7-chip-outline-border-color); + background: none; +} +.chip[class*="color-"] { + --f7-chip-bg-color: var(--f7-theme-color); + --f7-chip-text-color: #fff; +} +.chip-outline[class*="color-"], +.ios .chip-outline-ios[class*="color-"], +.md .chip-outline-md[class*="color-"] { + --f7-chip-outline-border-color: var(--f7-theme-color); + --f7-chip-text-color: var(--f7-theme-color); +} +.ios .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.ios .chip-delete:after { + font-size: 10px; +} +.md .chip-label + .chip-delete { + margin-left: 4px; +} +.md .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px); +} +.md .chip-delete:after { + font-size: 12px; +} +/* === Form === */ +/* === Input === */ +:root { + --f7-label-font-size: 12px; + --f7-label-font-weight: 400; + --f7-label-line-height: 1.2; + --f7-input-error-text-color: #ff3b30; + --f7-input-error-font-size: 12px; + --f7-input-error-line-height: 1.4; + --f7-input-error-font-weight: 400; + --f7-input-info-font-size: 12px; + --f7-input-info-line-height: 1.4; +} +.ios { + --f7-input-height: 44px; + --f7-input-text-color: #000000; + --f7-input-font-size: 17px; + --f7-input-placeholder-color: #a9a9a9; + /* + --f7-input-focused-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-text-color: var(--f7-input-error-text-color); + */ + --f7-label-text-color: inherit; + /* + --f7-label-focused-text-color: var(--f7-label-text-color); + --f7-label-invalid-text-color: var(--f7-label-text-color); + */ + --f7-floating-label-scale: calc(17 / 12); + --f7-inline-label-font-size: 17px; + --f7-inline-label-line-height: 1.4; + --f7-input-info-text-color: #8e8e93; + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #8e8e93; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-input-text-color: #fff; +} +.md { + --f7-input-height: 36px; + --f7-input-text-color: #212121; + --f7-input-font-size: 16px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + /* + --f7-input-focused-border-color: var(--f7-theme-color); + --f7-input-invalid-border-color: var(--f7-input-error-text-color); + --f7-input-invalid-text-color: var(--f7-input-text-color); + */ + --f7-label-text-color: rgba(0, 0, 0, 0.65); + /* + --f7-label-focused-text-color: var(--f7-theme-color); + --f7-label-invalid-text-color: var(--f7-input-error-text-color ); + */ + --f7-floating-label-scale: calc(16 / 12); + --f7-inline-label-font-size: 16px; + --f7-inline-label-line-height: 1.5; + --f7-input-info-text-color: rgba(0, 0, 0, 0.45); + --f7-input-clear-button-size: 24px; + --f7-input-clear-button-color: #aaa; +} +.md .theme-dark, +.md.theme-dark { + --f7-input-text-color: rgba(255, 255, 255, 0.87); + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-label-text-color: rgba(255, 255, 255, 0.54); + --f7-input-info-text-color: rgba(255, 255, 255, 0.35); +} +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select { + width: 100%; + height: var(--f7-input-height); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); +} +.list input[type="text"]::-webkit-input-placeholder, +.list input[type="password"]::-webkit-input-placeholder, +.list input[type="search"]::-webkit-input-placeholder, +.list input[type="email"]::-webkit-input-placeholder, +.list input[type="tel"]::-webkit-input-placeholder, +.list input[type="url"]::-webkit-input-placeholder, +.list input[type="date"]::-webkit-input-placeholder, +.list input[type="datetime-local"]::-webkit-input-placeholder, +.list input[type="time"]::-webkit-input-placeholder, +.list input[type="number"]::-webkit-input-placeholder, +.list select::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-moz-placeholder, +.list input[type="password"]::-moz-placeholder, +.list input[type="search"]::-moz-placeholder, +.list input[type="email"]::-moz-placeholder, +.list input[type="tel"]::-moz-placeholder, +.list input[type="url"]::-moz-placeholder, +.list input[type="date"]::-moz-placeholder, +.list input[type="datetime-local"]::-moz-placeholder, +.list input[type="time"]::-moz-placeholder, +.list input[type="number"]::-moz-placeholder, +.list select::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-ms-input-placeholder, +.list input[type="password"]::-ms-input-placeholder, +.list input[type="search"]::-ms-input-placeholder, +.list input[type="email"]::-ms-input-placeholder, +.list input[type="tel"]::-ms-input-placeholder, +.list input[type="url"]::-ms-input-placeholder, +.list input[type="date"]::-ms-input-placeholder, +.list input[type="datetime-local"]::-ms-input-placeholder, +.list input[type="time"]::-ms-input-placeholder, +.list input[type="number"]::-ms-input-placeholder, +.list select::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::placeholder, +.list input[type="password"]::placeholder, +.list input[type="search"]::placeholder, +.list input[type="email"]::placeholder, +.list input[type="tel"]::placeholder, +.list input[type="url"]::placeholder, +.list input[type="date"]::placeholder, +.list input[type="datetime-local"]::placeholder, +.list input[type="time"]::placeholder, +.list input[type="number"]::placeholder, +.list select::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea { + width: 100%; + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + resize: none; + line-height: 1.4; + height: 100px; +} +.list textarea::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea.resizable { + height: var(--f7-input-height); +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: var(--f7-input-height); +} +.list .item-label, +.list .item-floating-label { + width: 100%; + vertical-align: top; + flex-shrink: 0; + font-size: var(--f7-label-font-size); + font-weight: var(--f7-label-font-weight); + line-height: var(--f7-label-line-height); + color: var(--f7-label-text-color); + transition-duration: 200ms; + transition-property: transform, color; +} +.list .item-floating-label { + transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + color: var(--f7-input-placeholder-color); + width: auto; + max-width: calc(100% / var(--f7-floating-label-scale)); + pointer-events: none; + transform-origin: left bottom; +} +.list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-moz-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-input-with-value .item-floating-label { + color: var(--f7-label-text-color); +} +.list .item-input-with-value .item-floating-label, +.list .item-input-focused .item-floating-label { + transform: scale(1) translateY(0); +} +.list .item-input-wrap { + width: 100%; + flex-shrink: 1; + position: relative; +} +.item-input .item-inner { + display: block; +} +.item-input-error-message, +.input-error-message { + font-size: var(--f7-input-error-font-size); + line-height: var(--f7-input-error-line-height); + color: var(--f7-input-error-text-color); + font-weight: var(--f7-input-error-font-weight); + display: none; +} +.item-input-info, +.input-info { + font-size: var(--f7-input-info-font-size); + line-height: var(--f7-input-info-line-height); + color: var(--f7-input-info-text-color); +} +.item-input-invalid .item-input-error-message, +.input-invalid .item-input-error-message, +.item-input-invalid .input-error-message, +.input-invalid .input-error-message { + display: block; +} +.item-input-invalid .item-input-info, +.input-invalid .item-input-info, +.item-input-invalid .input-info, +.input-invalid .input-info { + display: none; +} +.inline-labels .item-inner, +.inline-label .item-inner { + display: flex; +} +.inline-labels .item-label, +.inline-label .item-label, +.inline-labels .item-floating-label, +.inline-label .item-floating-label { + align-self: flex-start; + width: 35%; + font-size: var(--f7-inline-label-font-size); + line-height: var(--f7-inline-label-line-height); +} +.inline-labels .item-label + .item-input-wrap, +.inline-label .item-label + .item-input-wrap, +.inline-labels .item-floating-label + .item-input-wrap, +.inline-label .item-floating-label + .item-input-wrap { + margin-left: 8px; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + transition-duration: 100ms; + position: absolute; + top: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + width: var(--f7-input-clear-button-size); + height: var(--f7-input-clear-button-size); + margin-top: calc(-1 * var(--f7-input-clear-button-size) / 2); + color: var(--f7-input-clear-button-color); + right: 0; +} +.input-clear-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.item-input-wrap .input-clear-button { + top: calc(var(--f7-input-height) / 2); +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #727272; + right: 6px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 20px; +} +.ios .list textarea { + padding-top: 11px; + padding-bottom: 11px; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.ios .item-input .item-media { + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); + margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-focused .item-label, +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.ios .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid .item-label, +.ios .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.ios .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid input, +.ios .input-invalid input, +.ios .item-input-invalid select, +.ios .input-invalid select, +.ios .item-input-invalid textarea, +.ios .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.ios .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .list textarea { + padding-top: 7px; + padding-bottom: 7px; +} +.md .item-input-wrap:after, +.md .input:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.md .item-input-wrap:after, +.md .input:after { + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: var(--f7-input-height); +} +.md .item-input .item-media { + align-self: flex-end; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + padding-top: 7px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md .input-with-error-message, +.md .input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + left: 0; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-theme-color)); +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: var(--f7-input-focused-border-color, var(--f7-theme-color)); +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after, +.md .input-invalid:after, +.md .input-focused:after { + transform: scaleY(2) !important; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid .item-label, +.md .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid input, +.md .input-invalid input, +.md .item-input-invalid select, +.md .input-invalid select, +.md .item-input-invalid textarea, +.md .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-text-color)); +} +.md .input-clear-button:after { + font-size: calc(var(--f7-input-clear-button-size) / (24 / 20)); + content: 'delete_round_md'; + line-height: 1.2; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +/* === Checkbox === */ +:root { + /* --f7-checkbox-active-color: var(--f7-theme-color); */ + --f7-checkbox-icon-color: #fff; +} +.ios { + --f7-checkbox-size: 22px; + --f7-checkbox-border-radius: 50%; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #c7c7cc; + --f7-checkbox-extra-margin: 0px; +} +.md { + --f7-checkbox-size: 18px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 2px; + --f7-checkbox-inactive-color: #6d6d6d; + --f7-checkbox-extra-margin: 22px; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + background-color: transparent; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-checkbox, +.checkbox i { + flex-shrink: 0; + border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color); + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + border-radius: var(--f7-checkbox-border-radius); + box-sizing: border-box; + position: relative; + display: block; +} +.icon-checkbox:after, +.checkbox i:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + line-height: var(--f7-checkbox-size); + left: calc(0px - var(--f7-checkbox-border-width)); + top: calc(0px - var(--f7-checkbox-border-width)); + opacity: 0; + color: var(--f7-checkbox-icon-color); + position: relative; +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:checked ~ i { + border-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); + background-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox { + transition-duration: 300ms; +} +label.item-checkbox .item-content .item-media, +label.item-checkbox.item-content .item-media { + align-self: center; +} +label.item-checkbox > .icon-checkbox { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +label.item-checkbox.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + content: 'checkbox_ios'; + font-size: 21px; +} +.ios label.item-checkbox.active-state { + transition-duration: 0ms; +} +.md .icon-checkbox, +.md .checkbox i { + transition-duration: 200ms; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + content: 'checkbox_md'; + transition-duration: 200ms; + font-size: 15px; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +/* === Radio === */ +:root { + /* + --f7-radio-active-color: var(--f7-theme-color); + */ + --f7-radio-border-radius: 50%; +} +.ios { + --f7-radio-size: 22px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #c7c7cc; + --f7-radio-extra-margin: 0px; +} +.md { + --f7-radio-size: 20px; + --f7-radio-border-width: 2px; + --f7-radio-inactive-color: #6d6d6d; + --f7-radio-extra-margin: 22px; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-radio { + width: var(--f7-radio-size); + height: var(--f7-radio-size); + border-radius: var(--f7-radio-border-radius); + position: relative; + box-sizing: border-box; + display: block; + flex-shrink: 0; +} +.radio .icon-radio, +.md .icon-radio { + border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio { + transition-duration: 300ms; +} +label.item-radio .item-content .item-media, +label.item-radio.item-content .item-media { + align-self: center; +} +label.item-radio.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px); + font-size: 20px; + content: 'radio_ios'; + color: var(--f7-radio-active-color, var(--f7-theme-color)); + opacity: 0; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.ios .radio input[type="radio"]:checked ~ .icon-radio:after { + opacity: 1; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + right: calc(var(--f7-safe-area-right) + 10px); +} +.ios label.item-radio .item-inner { + padding-right: calc(var(--f7-safe-area-right) + 35px); +} +.ios label.item-radio.active-state { + transition-duration: 0ms; +} +.md .icon-radio { + transition-duration: 200ms; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + border-radius: 50%; + transform: scale(0); + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +/* === Toggle === */ +.ios { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 52px; + --f7-toggle-height: 32px; + --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-inactive-color: #fff; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-toggle-border-color-ios: #555; + --f7-toggle-inactive-color: #222; +} +.md { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 36px; + --f7-toggle-height: 14px; + --f7-toggle-inactive-color: #b0afaf; +} +.md .theme-dark, +.md.theme-dark { + --f7-toggle-inactive-color: #555; +} +.toggle, +.toggle-icon { + width: var(--f7-toggle-width); + height: var(--f7-toggle-height); + border-radius: var(--f7-toggle-height); +} +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + box-sizing: border-box; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + transition: 300ms; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; + will-change: transform; +} +.toggle-icon:after { + background: var(--f7-toggle-handle-color); + position: absolute; + z-index: 2; + transform: translateX(0px); + transition-duration: 300ms; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height))); +} +.ios .toggle-icon { + background: var(--f7-toggle-border-color-ios); +} +.ios .toggle-icon:before { + position: absolute; + left: 2px; + top: 2px; + width: calc(var(--f7-toggle-width) - 4px); + height: calc(var(--f7-toggle-height) - 4px); + border-radius: var(--f7-toggle-height); + box-sizing: border-box; + background: var(--f7-toggle-inactive-color); + z-index: 1; + transition-duration: 300ms; + transform: scale(1); +} +.ios .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + left: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: calc(var(--f7-toggle-height) - 4px); +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: calc(var(--f7-toggle-height) + 4px); +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, rgba(var(--f7-theme-color-rgb), 0.5)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)); + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.md .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.md .toggle-icon:after { + height: calc(var(--f7-toggle-height) + 6px); + width: calc(var(--f7-toggle-height) + 6px); + top: -3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: var(--f7-toggle-height); + left: 0; +} +/* === Range Slider === */ +.ios { + --f7-range-size: 28px; + --f7-range-bar-bg-color: #b7b8b7; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 1px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 28px; + --f7-range-knob-color: #fff; + --f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + --f7-range-label-size: 20px; + --f7-range-label-text-color: #000; + --f7-range-label-bg-color: #fff; + --f7-range-label-font-size: 12px; + --f7-range-label-border-radius: 5px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 1px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.md { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #b9b9b9; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 0px; + --f7-range-knob-size: 12px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 26px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-border-radius: 50%; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.range-slider { + display: block; + position: relative; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-slider.range-slider-horizontal { + width: 100%; + height: var(--f7-range-size); +} +.range-slider.range-slider-vertical { + height: 100%; + width: var(--f7-range-size); +} +.range-bar { + position: absolute; + overflow: hidden; + background: var(--f7-range-bar-bg-color); + border-radius: var(--f7-range-bar-border-radius); +} +.range-slider-vertical .range-bar { + left: 50%; + top: 0; + height: 100%; + width: var(--f7-range-bar-size); + margin-left: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-slider-horizontal .range-bar { + left: 0; + top: 50%; + width: 100%; + height: var(--f7-range-bar-size); + margin-top: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-bar-active { + position: absolute; + background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color)); +} +.range-slider-horizontal .range-bar-active { + left: 0; + top: 0; + height: 100%; +} +.range-slider-vertical .range-bar-active { + left: 0; + bottom: 0; + width: 100%; +} +.range-slider-vertical-reversed .range-bar-active { + top: 0; + bottom: auto; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + height: var(--f7-range-knob-size); + width: var(--f7-range-knob-size); +} +.range-slider-horizontal .range-knob-wrap { + top: 50%; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + left: 0; +} +.range-slider-vertical .range-knob-wrap { + left: 50%; + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + bottom: 0; + margin-bottom: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-slider-vertical-reversed .range-knob-wrap { + bottom: auto; + top: 0; + margin-bottom: 0; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-knob { + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color))); + box-shadow: var(--f7-range-knob-box-shadow); +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + transition-duration: 120ms; + transition-property: transform; + transform: translateY(100%) scale(0); + height: var(--f7-range-label-size); + line-height: var(--f7-range-label-size); + min-width: var(--f7-range-label-size); + color: var(--f7-range-label-text-color); + background-color: var(--f7-range-label-bg-color, var(--f7-theme-color)); + font-size: var(--f7-range-label-font-size); + border-radius: var(--f7-range-label-border-radius); +} +.range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.range-scale { + position: absolute; +} +.range-slider-horizontal .range-scale { + top: 50%; + left: 0; + width: 100%; + margin-top: calc(var(--f7-range-bar-size) / 2); +} +.range-slider-vertical .range-scale { + right: 50%; + top: 0; + height: 100%; + margin-right: calc(var(--f7-range-bar-size) / 2); +} +.range-scale-step { + position: absolute; + box-sizing: border-box; + display: flex; + font-size: var(--f7-range-scale-font-size); + font-weight: var(--f7-range-scale-font-weight); + color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color)); + line-height: 1; +} +.range-scale-step:before { + content: ''; + position: absolute; + background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color)); +} +.range-slider-horizontal .range-scale-step { + justify-content: center; + align-items: flex-start; + width: var(--f7-range-scale-step-width); + height: var(--f7-range-scale-step-height); + padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + top: 0; + margin-left: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-horizontal .range-scale-step:before { + left: 0; + top: 0; + width: 100%; + height: var(--f7-range-scale-step-height); +} +.range-slider-horizontal .range-scale-step:first-child { + margin-left: 0; +} +.range-slider-horizontal .range-scale-step:last-child { + margin-left: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step { + line-height: 1; + justify-content: flex-end; + align-items: center; + height: var(--f7-range-scale-step-width); + width: var(--f7-range-scale-step-height); + padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + right: 0; + margin-bottom: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-vertical .range-scale-step:first-child { + margin-bottom: 0; +} +.range-slider-vertical .range-scale-step:last-child { + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step:before { + right: 0; + top: 0; + height: 100%; + width: var(--f7-range-scale-step-height); +} +.range-scale-substep { + --f7-range-scale-step-bg-color: var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color)); + --f7-range-scale-step-width: var(--f7-range-scale-substep-width); + --f7-range-scale-step-height: var(--f7-range-scale-substep-height); +} +.ios .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} +.md .range-knob { + transition-duration: 200ms; + transition-property: transform, background-color; +} +.md .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid var(--f7-range-bar-bg-color); +} +.md .range-knob-label { + width: var(--f7-range-label-size); + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + margin-bottom: 8px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + position: absolute; + z-index: -1; + width: var(--f7-range-label-size); + height: var(--f7-range-label-size); + background: var(--f7-range-label-bg-color, var(--f7-theme-color)); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + transform: scale(0); +} +/* === Stepper === */ +:root { + /* + --f7-stepper-button-text-color: var(--f7-theme-color); + --f7-stepper-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + */ + --f7-stepper-fill-button-text-color: #fff; + /* + --f7-stepper-fill-button-bg-color: var(--f7-theme-color); + */ + --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); +} +.ios { + --f7-stepper-height: 29px; + --f7-stepper-border-radius: 5px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-border-width: 1px; + --f7-stepper-large-height: 44px; + --f7-stepper-small-height: 26px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-value-font-size: 17px; + --f7-stepper-value-font-weight: 400; +} +.md { + --f7-stepper-height: 36px; + --f7-stepper-border-radius: 4px; + --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 48px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-small-height: 28px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} +.md .theme-dark, +.md.theme-dark { + --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +.stepper { + display: inline-flex; + align-items: stretch; + height: var(--f7-stepper-height); + border-radius: var(--f7-stepper-border-radius); +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + background-color: var(--f7-stepper-button-bg-color); + width: 40px; + border-radius: var(--f7-stepper-border-radius); + border: var(--f7-stepper-border-width) solid var(--f7-theme-color); + color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px)); + text-align: center; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button.active-state, +.stepper-button-minus.active-state, +.stepper-button-plus.active-state { + background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color))); +} +.stepper-button:first-child, +.stepper-button-minus:first-child, +.stepper-button-plus:first-child { + border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius); +} +.stepper-button:last-child, +.stepper-button-minus:last-child, +.stepper-button-plus:last-child { + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0; +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-button + .stepper-button, +.stepper-button-minus + .stepper-button, +.stepper-button-plus + .stepper-button, +.stepper-button + .stepper-button-minus, +.stepper-button-minus + .stepper-button-minus, +.stepper-button-plus + .stepper-button-minus, +.stepper-button + .stepper-button-plus, +.stepper-button-minus + .stepper-button-plus, +.stepper-button-plus + .stepper-button-plus { + border-left: none; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper-value { + display: flex; + align-content: center; + align-items: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + flex-shrink: 1; + text-align: center; + border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color); + border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color); +} +.stepper-input-wrap input, +.stepper-value { + width: 45px; + color: var(--f7-theme-color); + font-size: var(--f7-stepper-value-font-size); + font-weight: var(--f7-stepper-value-font-weight); + text-align: center; +} +.stepper-input-wrap input { + height: 100%; +} +.stepper-round, +.ios .stepper-round-ios, +.md .stepper-round-md { + --f7-stepper-border-radius: var(--f7-stepper-height); +} +.stepper-fill, +.ios .stepper-fill-ios, +.md .stepper-fill-md { + --f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color)); + --f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.stepper-raised .stepper-button + .stepper-button, +.ios .stepper-raised-ios .stepper-button + .stepper-button, +.md .stepper-raised-md .stepper-button + .stepper-button, +.stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus, +.stepper-raised .stepper-button-minus + .stepper-button-plus, +.ios .stepper-raised-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-fill .stepper-button + .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button + .stepper-button.active-state, +.md .stepper-fill-md .stepper-button + .stepper-button.active-state, +.stepper-fill .stepper-button-minus + .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state { + border-left-color: var(--f7-stepper-button-pressed-bg-color); +} +.stepper-raised:not(.stepper-fill) .stepper-input-wrap, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap, +.stepper-raised:not(.stepper-fill) .stepper-value, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-large, +.ios .stepper-large-ios, +.md .stepper-large-md { + --f7-stepper-height: var(--f7-stepper-large-height); +} +.stepper-small, +.ios .stepper-small-ios, +.md .stepper-small-md { + --f7-stepper-border-width: var(--f7-stepper-small-border-width); + --f7-stepper-height: var(--f7-stepper-small-height); +} +.ios .stepper-fill.stepper-small-ios, +.ios .stepper-fill.stepper-small { + --f7-stepper-button-pressed-bg-color: transparent; + --f7-stepper-button-pressed-text-color: var(--f7-theme-color); +} +.stepper-raised, +.ios .stepper-raised-ios, +.md .stepper-raised-md { + --f7-stepper-border-width: 0; + box-shadow: var(--f7-stepper-raised-box-shadow); +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-fill, +.ios .stepper-fill-ios { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .stepper-small.stepper-raised, +.ios .stepper-small-ios.stepper-raised, +.ios .stepper-small.stepper-raised-ios, +.ios .stepper-small-ios.stepper-raised-ios { + --f7-stepper-border-width: 0px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + transition-duration: 200ms; +} +.ios .stepper-small .stepper-button.active-state:after, +.ios .stepper-small-ios .stepper-button.active-state:after, +.ios .stepper-small .stepper-button-minus.active-state:after, +.ios .stepper-small-ios .stepper-button-minus.active-state:after, +.ios .stepper-small .stepper-button-plus.active-state:after, +.ios .stepper-small-ios .stepper-button-plus.active-state:after, +.ios .stepper-small .stepper-button.active-state:before, +.ios .stepper-small-ios .stepper-button.active-state:before, +.ios .stepper-small .stepper-button-minus.active-state:before, +.ios .stepper-small-ios .stepper-button-minus.active-state:before, +.ios .stepper-small .stepper-button-plus.active-state:before, +.ios .stepper-small-ios .stepper-button-plus.active-state:before { + transition-duration: 200ms; + background-color: var(--f7-theme-color); +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-fill, +.md .stepper-fill-md { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Smart Select === */ +.smart-select :root { + /* + --f7-smart-select-sheet-bg: var(--f7-list-bg-color); + --f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color); + */ +} +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.smart-select-sheet .page, +.smart-select-sheet .sheet-modal-inner, +.smart-select-sheet .list ul { + background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color)); +} +.smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.smart-select-sheet .toolbar:after { + display: block; +} +.smart-select-sheet .list { + margin: 0; +} +.smart-select-sheet .list ul:before { + display: none !important; +} +.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +/* === Grid === */ +.ios { + --f7-grid-gap: 15px; +} +.md { + --f7-grid-gap: 16px; +} +.row { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: flex-start; + --f7-cols-per-row: 1; +} +.row > [class*="col-"], +.row > .col { + box-sizing: border-box; + width: calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row)); +} +.row.no-gap { + --f7-grid-gap: 0px; +} +.row .col-5 { + --f7-cols-per-row: 20; +} +.row .col-10 { + --f7-cols-per-row: 10; +} +.row .col-15 { + --f7-cols-per-row: 6.66666667; +} +.row .col-20 { + --f7-cols-per-row: 5; +} +.row .col-25 { + --f7-cols-per-row: 4; +} +.row .col-30 { + --f7-cols-per-row: 3.33333333; +} +.row .col-33 { + --f7-cols-per-row: 3; +} +.row .col-35 { + --f7-cols-per-row: 2.85714286; +} +.row .col-40 { + --f7-cols-per-row: 2.5; +} +.row .col-45 { + --f7-cols-per-row: 2.22222222; +} +.row .col-50 { + --f7-cols-per-row: 2; +} +.row .col-55 { + --f7-cols-per-row: 1.81818182; +} +.row .col-60 { + --f7-cols-per-row: 1.66666667; +} +.row .col-65 { + --f7-cols-per-row: 1.53846154; +} +.row .col-66 { + --f7-cols-per-row: 1.5; +} +.row .col-70 { + --f7-cols-per-row: 1.42857143; +} +.row .col-75 { + --f7-cols-per-row: 1.33333333; +} +.row .col-80 { + --f7-cols-per-row: 1.25; +} +.row .col-85 { + --f7-cols-per-row: 1.17647059; +} +.row .col-90 { + --f7-cols-per-row: 1.11111111; +} +.row .col-95 { + --f7-cols-per-row: 1.05263158; +} +.row .col-100 { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(1), +.row .col:nth-last-child(1) ~ .col { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(2), +.row .col:nth-last-child(2) ~ .col { + --f7-cols-per-row: 2; +} +.row .col:nth-last-child(3), +.row .col:nth-last-child(3) ~ .col { + --f7-cols-per-row: 3; +} +.row .col:nth-last-child(4), +.row .col:nth-last-child(4) ~ .col { + --f7-cols-per-row: 4; +} +.row .col:nth-last-child(5), +.row .col:nth-last-child(5) ~ .col { + --f7-cols-per-row: 5; +} +.row .col:nth-last-child(6), +.row .col:nth-last-child(6) ~ .col { + --f7-cols-per-row: 6; +} +.row .col:nth-last-child(7), +.row .col:nth-last-child(7) ~ .col { + --f7-cols-per-row: 7; +} +.row .col:nth-last-child(8), +.row .col:nth-last-child(8) ~ .col { + --f7-cols-per-row: 8; +} +.row .col:nth-last-child(9), +.row .col:nth-last-child(9) ~ .col { + --f7-cols-per-row: 9; +} +.row .col:nth-last-child(10), +.row .col:nth-last-child(10) ~ .col { + --f7-cols-per-row: 10; +} +.row .col:nth-last-child(11), +.row .col:nth-last-child(11) ~ .col { + --f7-cols-per-row: 11; +} +.row .col:nth-last-child(12), +.row .col:nth-last-child(12) ~ .col { + --f7-cols-per-row: 12; +} +.row .col:nth-last-child(13), +.row .col:nth-last-child(13) ~ .col { + --f7-cols-per-row: 13; +} +.row .col:nth-last-child(14), +.row .col:nth-last-child(14) ~ .col { + --f7-cols-per-row: 14; +} +.row .col:nth-last-child(15), +.row .col:nth-last-child(15) ~ .col { + --f7-cols-per-row: 15; +} +.row .col:nth-last-child(16), +.row .col:nth-last-child(16) ~ .col { + --f7-cols-per-row: 16; +} +.row .col:nth-last-child(17), +.row .col:nth-last-child(17) ~ .col { + --f7-cols-per-row: 17; +} +.row .col:nth-last-child(18), +.row .col:nth-last-child(18) ~ .col { + --f7-cols-per-row: 18; +} +.row .col:nth-last-child(19), +.row .col:nth-last-child(19) ~ .col { + --f7-cols-per-row: 19; +} +.row .col:nth-last-child(20), +.row .col:nth-last-child(20) ~ .col { + --f7-cols-per-row: 20; +} +.row .col:nth-last-child(21), +.row .col:nth-last-child(21) ~ .col { + --f7-cols-per-row: 21; +} +.row .col:nth-last-child(22), +.row .col:nth-last-child(22) ~ .col { + --f7-cols-per-row: 22; +} +@media (min-width: 768px) { + .row .tablet-5 { + --f7-cols-per-row: 20; + } + .row .tablet-10 { + --f7-cols-per-row: 10; + } + .row .tablet-15 { + --f7-cols-per-row: 6.66666667; + } + .row .tablet-20 { + --f7-cols-per-row: 5; + } + .row .tablet-25 { + --f7-cols-per-row: 4; + } + .row .tablet-30 { + --f7-cols-per-row: 3.33333333; + } + .row .tablet-33 { + --f7-cols-per-row: 3; + } + .row .tablet-35 { + --f7-cols-per-row: 2.85714286; + } + .row .tablet-40 { + --f7-cols-per-row: 2.5; + } + .row .tablet-45 { + --f7-cols-per-row: 2.22222222; + } + .row .tablet-50 { + --f7-cols-per-row: 2; + } + .row .tablet-55 { + --f7-cols-per-row: 1.81818182; + } + .row .tablet-60 { + --f7-cols-per-row: 1.66666667; + } + .row .tablet-65 { + --f7-cols-per-row: 1.53846154; + } + .row .tablet-66 { + --f7-cols-per-row: 1.5; + } + .row .tablet-70 { + --f7-cols-per-row: 1.42857143; + } + .row .tablet-75 { + --f7-cols-per-row: 1.33333333; + } + .row .tablet-80 { + --f7-cols-per-row: 1.25; + } + .row .tablet-85 { + --f7-cols-per-row: 1.17647059; + } + .row .tablet-90 { + --f7-cols-per-row: 1.11111111; + } + .row .tablet-95 { + --f7-cols-per-row: 1.05263158; + } + .row .tablet-100 { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(1), + .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(2), + .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + --f7-cols-per-row: 2; + } + .row .tablet-auto:nth-last-child(3), + .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + --f7-cols-per-row: 3; + } + .row .tablet-auto:nth-last-child(4), + .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + --f7-cols-per-row: 4; + } + .row .tablet-auto:nth-last-child(5), + .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + --f7-cols-per-row: 5; + } + .row .tablet-auto:nth-last-child(6), + .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + --f7-cols-per-row: 6; + } + .row .tablet-auto:nth-last-child(7), + .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + --f7-cols-per-row: 7; + } + .row .tablet-auto:nth-last-child(8), + .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + --f7-cols-per-row: 8; + } + .row .tablet-auto:nth-last-child(9), + .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + --f7-cols-per-row: 9; + } + .row .tablet-auto:nth-last-child(10), + .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + --f7-cols-per-row: 10; + } + .row .tablet-auto:nth-last-child(11), + .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + --f7-cols-per-row: 11; + } + .row .tablet-auto:nth-last-child(12), + .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + --f7-cols-per-row: 12; + } + .row .tablet-auto:nth-last-child(13), + .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + --f7-cols-per-row: 13; + } + .row .tablet-auto:nth-last-child(14), + .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + --f7-cols-per-row: 14; + } + .row .tablet-auto:nth-last-child(15), + .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + --f7-cols-per-row: 15; + } + .row .tablet-auto:nth-last-child(16), + .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + --f7-cols-per-row: 16; + } + .row .tablet-auto:nth-last-child(17), + .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + --f7-cols-per-row: 17; + } + .row .tablet-auto:nth-last-child(18), + .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + --f7-cols-per-row: 18; + } + .row .tablet-auto:nth-last-child(19), + .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + --f7-cols-per-row: 19; + } + .row .tablet-auto:nth-last-child(20), + .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + --f7-cols-per-row: 20; + } + .row .tablet-auto:nth-last-child(21), + .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + --f7-cols-per-row: 21; + } + .row .tablet-auto:nth-last-child(22), + .row .tablet-auto:nth-last-child(22) ~ .tablet-auto { + --f7-cols-per-row: 22; + } +} +@media (min-width: 1025px) { + .row .desktop-5 { + --f7-cols-per-row: 20; + } + .row .desktop-10 { + --f7-cols-per-row: 10; + } + .row .desktop-15 { + --f7-cols-per-row: 6.66666667; + } + .row .desktop-20 { + --f7-cols-per-row: 5; + } + .row .desktop-25 { + --f7-cols-per-row: 4; + } + .row .desktop-30 { + --f7-cols-per-row: 3.33333333; + } + .row .desktop-33 { + --f7-cols-per-row: 3; + } + .row .desktop-35 { + --f7-cols-per-row: 2.85714286; + } + .row .desktop-40 { + --f7-cols-per-row: 2.5; + } + .row .desktop-45 { + --f7-cols-per-row: 2.22222222; + } + .row .desktop-50 { + --f7-cols-per-row: 2; + } + .row .desktop-55 { + --f7-cols-per-row: 1.81818182; + } + .row .desktop-60 { + --f7-cols-per-row: 1.66666667; + } + .row .desktop-65 { + --f7-cols-per-row: 1.53846154; + } + .row .desktop-66 { + --f7-cols-per-row: 1.5; + } + .row .desktop-70 { + --f7-cols-per-row: 1.42857143; + } + .row .desktop-75 { + --f7-cols-per-row: 1.33333333; + } + .row .desktop-80 { + --f7-cols-per-row: 1.25; + } + .row .desktop-85 { + --f7-cols-per-row: 1.17647059; + } + .row .desktop-90 { + --f7-cols-per-row: 1.11111111; + } + .row .desktop-95 { + --f7-cols-per-row: 1.05263158; + } + .row .desktop-100 { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(1), + .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(2), + .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + --f7-cols-per-row: 2; + } + .row .desktop-auto:nth-last-child(3), + .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + --f7-cols-per-row: 3; + } + .row .desktop-auto:nth-last-child(4), + .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + --f7-cols-per-row: 4; + } + .row .desktop-auto:nth-last-child(5), + .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + --f7-cols-per-row: 5; + } + .row .desktop-auto:nth-last-child(6), + .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + --f7-cols-per-row: 6; + } + .row .desktop-auto:nth-last-child(7), + .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + --f7-cols-per-row: 7; + } + .row .desktop-auto:nth-last-child(8), + .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + --f7-cols-per-row: 8; + } + .row .desktop-auto:nth-last-child(9), + .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + --f7-cols-per-row: 9; + } + .row .desktop-auto:nth-last-child(10), + .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + --f7-cols-per-row: 10; + } + .row .desktop-auto:nth-last-child(11), + .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + --f7-cols-per-row: 11; + } + .row .desktop-auto:nth-last-child(12), + .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + --f7-cols-per-row: 12; + } + .row .desktop-auto:nth-last-child(13), + .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + --f7-cols-per-row: 13; + } + .row .desktop-auto:nth-last-child(14), + .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + --f7-cols-per-row: 14; + } + .row .desktop-auto:nth-last-child(15), + .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + --f7-cols-per-row: 15; + } + .row .desktop-auto:nth-last-child(16), + .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + --f7-cols-per-row: 16; + } + .row .desktop-auto:nth-last-child(17), + .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + --f7-cols-per-row: 17; + } + .row .desktop-auto:nth-last-child(18), + .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + --f7-cols-per-row: 18; + } + .row .desktop-auto:nth-last-child(19), + .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + --f7-cols-per-row: 19; + } + .row .desktop-auto:nth-last-child(20), + .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + --f7-cols-per-row: 20; + } + .row .desktop-auto:nth-last-child(21), + .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + --f7-cols-per-row: 21; + } + .row .desktop-auto:nth-last-child(22), + .row .desktop-auto:nth-last-child(22) ~ .desktop-auto { + --f7-cols-per-row: 22; + } +} +/* === Calendar/Datepicker === */ +:root { + --f7-calendar-height: 320px; + --f7-calendar-sheet-landscape-height: 220px; + --f7-calendar-sheet-bg-color: #fff; + --f7-calendar-popover-width: 320px; + --f7-calendar-popover-height: 320px; + --f7-calendar-modal-height: 420px; + --f7-calendar-modal-max-width: 380px; + --f7-calendar-modal-border-radius: 4px; + --f7-calendar-modal-bg-color: #fff; + /* + --f7-calendar-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-header-link-color: var(--f7-bars-link-color); + --f7-calendar-header-text-color: var(--f7-bars-text-color); + --f7-calendar-footer-bg-color: var(--f7-bars-bg-color); + --f7-calendar-footer-border-color: var(--f7-bars-border-color); + --f7-calendar-footer-link-color: var(--f7-bars-link-color); + --f7-calendar-footer-text-color: var(--f7-bars-text-color); + --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-week-header-text-color: var(--f7-bars-text-color); + */ + --f7-calendar-prev-next-text-color: #b8b8b8; + --f7-calendar-disabled-text-color: #d4d4d4; + --f7-calendar-event-dot-size: 4px; + /* + --f7-calendar-event-bg-color: var(--f7-theme-color); + */ +} +.ios { + --f7-calendar-sheet-border-color: #929499; + --f7-calendar-header-height: 44px; + --f7-calendar-header-font-size: 17px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 44px; + --f7-calendar-footer-font-size: 17px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: #c4c4c4; + --f7-calendar-day-font-size: 15px; + --f7-calendar-day-text-color: #000; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 30px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} +.md { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 56px; + --f7-calendar-header-font-size: 20px; + --f7-calendar-header-font-weight: 400; + --f7-calendar-header-padding: 0 24px; + --f7-calendar-footer-height: 48px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 24px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: transparent; + --f7-calendar-day-font-size: 14px; + --f7-calendar-day-text-color: #000; + /* + --f7-calendar-today-text-color: var(--f7-theme-color); + */ + --f7-calendar-today-bg-color: none; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 32px; +} +.md .theme-dark, +.md.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: rgba(255, 255, 255, 0.87); +} +.calendar { + overflow: hidden; + height: var(--f7-calendar-height); + width: 100%; + display: flex; + flex-direction: column; +} +.calendar.modal-in { + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: var(--f7-calendar-sheet-landscape-height); + } + .calendar.calendar-modal { + height: calc(100vh - var(--f7-navbar-height)); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-sheet { + --f7-sheet-border-color: var(--f7-calendar-sheet-border-color); + background: var(--f7-calendar-sheet-bg-color); +} +.calendar-sheet:before { + z-index: 600; +} +.calendar-sheet .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.calendar-sheet .toolbar:before, +.calendar-modal .toolbar:before, +.calendar-popover .toolbar:before { + display: none; +} +.calendar-popover { + width: var(--f7-calendar-popover-width); +} +.calendar-popover .calendar { + height: var(--f7-calendar-popover-height); + border-radius: var(--f7-popover-border-radius); +} +.calendar-header { + width: 100%; + position: relative; + overflow: hidden; + flex-shrink: 0; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding: var(--f7-calendar-header-padding); + background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-header-height); + line-height: var(--f7-calendar-header-height); + font-size: var(--f7-calendar-header-font-size); + font-weight: var(--f7-calendar-header-font-weight); +} +.calendar-header a { + color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer { + width: 100%; + flex-shrink: 0; + padding: var(--f7-calendar-footer-padding); + background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-footer-height); + font-size: var(--f7-calendar-header-font-size); + display: flex; + justify-content: flex-end; + box-sizing: border-box; + align-items: center; + position: relative; +} +.calendar-footer a { + color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal { + position: absolute; + height: var(--f7-calendar-modal-height); + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: var(--f7-calendar-modal-max-width); + transform: translate3d(-50%, 100%, 0); + transition-property: transform; + display: flex; + z-index: 12000; + background: var(--f7-calendar-modal-bg-color); + width: 90%; + border-radius: var(--f7-calendar-modal-border-radius); + box-shadow: var(--f7-elevation-24); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + transition-duration: 400ms; +} +.calendar-modal.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + transform: translate3d(-50%, 100%, 0); +} +.calendar-week-header { + display: flex; + box-sizing: border-box; + position: relative; + font-size: var(--f7-calendar-week-header-font-size); + background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-week-header-height); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-week-header .calendar-week-day { + flex-shrink: 1; + width: calc(100% / 7); + text-align: center; + line-height: var(--f7-calendar-week-header-height); +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + transition: 300ms; +} +.calendar-month { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: flex; + flex-shrink: 1; + width: 100%; + position: relative; + box-sizing: border-box; + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-row:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.calendar-day { + flex-shrink: 1; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: var(--f7-calendar-day-text-color); + height: 100%; + font-size: var(--f7-calendar-day-font-size); +} +.calendar-day.calendar-day-today .calendar-day-number { + color: var(--f7-calendar-today-text-color, var(--f7-theme-color)); + background-color: var(--f7-calendar-today-bg-color); +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: var(--f7-calendar-prev-next-text-color); +} +.calendar-day.calendar-day-disabled { + color: var(--f7-calendar-disabled-text-color); + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: var(--f7-calendar-selected-text-color); + background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color)); +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 50%; + position: relative; + width: var(--f7-calendar-day-size); + height: var(--f7-calendar-day-size); + line-height: var(--f7-calendar-day-size); +} +.calendar-day .calendar-day-events { + position: absolute; + display: flex; + left: 0; + width: 100%; + top: 100%; + align-items: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: var(--f7-calendar-event-dot-size); + height: var(--f7-calendar-event-dot-size); + border-radius: calc(var(--f7-calendar-event-dot-size) / 2); + background-color: var(--f7-calendar-event-bg-color); +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + align-items: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: flex; + justify-content: space-between; + align-items: center; + width: 50%; + max-width: 200px; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.calendar-month-selector a.icon-only, +.calendar-year-selector a.icon-only { + min-width: 36px; +} +/* === Picker === */ +:root { + --f7-picker-height: 260px; + --f7-picker-inline-height: 200px; + --f7-picker-popover-height: 200px; + --f7-picker-popover-width: 280px; + --f7-picker-landscape-height: 200px; + --f7-picker-item-height: 36px; +} +.ios { + --f7-picker-column-font-size: 24px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-text-color: #707274; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: #a8abb0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: #282829; +} +.md { + --f7-picker-column-font-size: 20px; + --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87); + --f7-picker-item-text-color: inherit; + --f7-picker-item-selected-text-color: inherit; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15); +} +.md .theme-dark, +.md.theme-dark { + --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); +} +.picker { + width: 100%; + height: var(--f7-picker-height); +} +.picker.picker-inline { + height: var(--f7-picker-inline-height); +} +.popover .picker { + height: var(--f7-picker-popover-height); +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: var(--f7-picker-landscape-height); + } +} +.picker-popover { + width: var(--f7-picker-popover-width); +} +.picker-popover .toolbar { + background: none; + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.picker-popover .toolbar:before { + display: none !important; +} +.picker-popover .toolbar + .picker-columns { + height: calc(100% - var(--f7-toolbar-height)); +} +.picker-columns { + display: flex; + overflow: hidden; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); + font-size: var(--f7-picker-column-font-size); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + right: 100%; +} +.picker-column.picker-column-last:after { + left: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: flex; + align-items: center; + color: var(--f7-picker-divider-text-color); +} +.picker-items { + transition: 300ms; + transition-timing-function: ease-out; +} +.picker-item { + height: var(--f7-picker-item-height); + line-height: var(--f7-picker-item-height); + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + transition: 300ms; + color: var(--f7-picker-item-text-color); +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + color: var(--f7-picker-item-selected-text-color); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: var(--f7-picker-item-height); + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: calc(-1 * var(--f7-picker-item-height) / 2); + pointer-events: none; +} +.picker-center-highlight:before { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-center-highlight:after { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-3d .picker-columns { + overflow: hidden; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-timing-function: ease-out; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ios { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 44px; +} +.md { + --f7-ptr-preloader-size: 22px; + --f7-ptr-size: 40px; +} +.ptr-preloader { + position: relative; + top: var(--f7-ptr-top, 0); + height: var(--f7-ptr-size); +} +.ptr-preloader .preloader { + position: absolute; + left: 50%; + width: var(--f7-ptr-preloader-size); + height: var(--f7-ptr-preloader-size); + margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2); + top: 50%; + visibility: hidden; +} +.ptr-bottom .ptr-preloader { + top: auto; + bottom: 0; + position: fixed; +} +.ios .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: 300ms; + transition-property: transform; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color); +} +.ios .ptr-arrow:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 10px; + content: 'ptr_arrow_ios'; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.ios .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.ios .ptr-bottom.ptr-transitioning > *, +.ios .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-bottom.ptr-refreshing { + transform: none; +} +.ios .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.ios .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} +.md { + --f7-ptr-top: -4px; +} +.md .ptr-preloader { + left: 50%; + width: var(--f7-ptr-size); + border-radius: 50%; + background: #fff; + margin-left: calc(-1 * var(--f7-ptr-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-size)); + z-index: 100; + box-shadow: var(--f7-elevation-1); +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + box-sizing: border-box; + border: 3px solid var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + transition: 400ms; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + transition-duration: 300ms; + transition-property: transform; +} +.md .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px); +} +.md .ptr-bottom.ptr-refreshing .ptr-preloader { + transform: translate3d(0, -66px, 0); +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + animation: lazyFadeIn 600ms; +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +:root { + --f7-table-head-font-size: 12px; + --f7-table-body-font-size: 14px; + --f7-table-footer-font-size: 12px; + --f7-table-input-height: 24px; + --f7-table-input-font-size: 14px; + --f7-table-collapsible-cell-padding: 15px; +} +.ios { + --f7-table-head-font-weight: 600; + --f7-table-head-text-color: #8e8e93; + --f7-table-head-cell-height: 44px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 44px; + --f7-table-cell-border-color: #c8c7cc; + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 15px; + --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-checkbox-cell-width: 22px; + /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ + --f7-table-selected-row-bg-color: #f7f7f8; + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 17px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 44px; + --f7-table-footer-text-color: #8e8e93; + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #000; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: #363636; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; +} +.md { + --f7-table-head-font-weight: 500; + --f7-table-head-text-color: rgba(0, 0, 0, 0.54); + --f7-table-head-cell-height: 56px; + --f7-table-head-icon-size: 16px; + --f7-table-body-cell-height: 48px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 28px; + --f7-table-edge-cell-padding-horizontal: 24px; + --f7-table-label-cell-padding-horizontal: 24px; + --f7-table-checkbox-cell-width: 18px; + --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54); + --f7-table-selected-row-bg-color: #f5f5f5; + --f7-table-actions-link-color: rgba(0, 0, 0, 0.54); + --f7-table-title-font-size: 20px; + --f7-table-title-font-weight: 400; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 56px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.54); + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #212121; +} +.md .theme-dark, +.md.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05); + --f7-table-sortable-icon-color: #fff; + --f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54); + --f7-table-actions-link-color: rgba(255, 255, 255, 0.54); + --f7-table-input-text-color: #fff; +} +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: left; +} +.data-table thead th, +.data-table thead td { + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; + height: var(--f7-table-head-cell-height); +} +.data-table thead th:not(.sortable-cell-active), +.data-table thead td:not(.sortable-cell-active) { + color: var(--f7-table-head-text-color); +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; + font-size: var(--f7-table-head-icon-size); + width: var(--f7-table-head-icon-size); + height: var(--f7-table-head-icon-size); +} +.data-table tbody { + font-size: var(--f7-table-body-font-size); +} +.data-table tbody th, +.data-table tbody td { + height: var(--f7-table-body-cell-height); +} +.data-table tbody tr.data-table-row-selected, +.device-desktop .data-table tbody tr:hover { + background: var(--f7-table-selected-row-bg-color); +} +.data-table tbody td:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table th, +.data-table td { + --f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal); + padding-top: var(--f7-table-cell-padding-vertical); + padding-bottom: var(--f7-table-cell-padding-vertical); + padding-left: var(--f7-table-cell-padding-left); + padding-right: var(--f7-table-cell-padding-right); + position: relative; + box-sizing: border-box; +} +.data-table th:first-child, +.data-table td:first-child { + --f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th:last-child, +.data-table td:last-child { + --f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th.label-cell, +.data-table td.label-cell { + --f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-label-cell-padding-horizontal); +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: right; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; + width: var(--f7-table-checkbox-cell-width); +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-left: 8px; +} +.data-table th.checkbox-cell:first-child, +.data-table td.checkbox-cell:first-child { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.checkbox-cell:first-child + td, +.data-table td.checkbox-cell:first-child + td, +.data-table th.checkbox-cell:first-child + th, +.data-table td.checkbox-cell:first-child + th { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.checkbox-cell:last-child, +.data-table td.checkbox-cell:last-child { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: right; + white-space: nowrap; +} +.data-table th.actions-cell a.link, +.data-table td.actions-cell a.link { + color: var(--f7-table-actions-cell-link-color, var(--f7-theme-color)); +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 20px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: 'arrow_bottom_md'; + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + color: var(--f7-table-sortable-icon-color); + font-size: 13px; + line-height: 16px; + transition-duration: 300ms; + transform: rotate(0); + opacity: 0; +} +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header, +.data-table.card .card-footer, +.card .data-table .card-footer { + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table.card .card-header, +.card .data-table .card-header { + height: var(--f7-table-card-header-height); +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table.card .card-footer, +.card .data-table .card-footer { + height: var(--f7-table-footer-height); +} +.data-table .data-table-title { + font-size: var(--f7-table-title-font-size); + font-weight: var(--f7-table-title-font-weight); +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: flex; +} +.data-table .data-table-links .button { + min-width: 64px; +} +.data-table .data-table-actions { + margin-left: auto; + align-items: center; +} +.data-table .data-table-actions a.link { + color: var(--f7-table-actions-link-color, var(--f7-theme-color)); + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.data-table .card-header > .data-table-header, +.data-table .card-header > .data-table-header-selected { + padding-top: var(--f7-card-header-padding-vertical); + padding-bottom: var(--f7-card-header-padding-vertical); + height: 100%; + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); + margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); + margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); +} +.data-table .data-table-header-selected { + background: rgba(var(--f7-theme-color-rgb), 0.1); + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; + color: var(--f7-theme-color); +} +.data-table .data-table-footer { + display: flex; + align-items: center; + box-sizing: border-box; + position: relative; + font-size: var(--f7-table-footer-font-size); + overflow: hidden; + height: var(--f7-table-footer-height); + color: var(--f7-table-footer-text-color); + justify-content: flex-end; +} +.data-table .data-table-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: flex; + align-items: center; +} +.data-table .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.data-table .input-cell .table-head-label + .input { + margin-top: 4px; +} +.data-table .input-cell .input { + height: var(--f7-table-input-height); +} +.data-table .input-cell .input input, +.data-table .input-cell .input textarea, +.data-table .input-cell .input select { + height: var(--f7-table-input-height); + color: var(--f7-table-input-text-color); + font-size: var(--f7-table-input-font-size); +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + --f7-table-cell-padding-left: var(--f7-table-collapsible-cell-padding); + --f7-table-cell-padding-right: var(--f7-table-collapsible-cell-padding); + display: flex; + align-content: center; + align-items: center; + justify-content: flex-start; + text-align: left; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + transform: none !important; + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + color: var(--f7-table-head-text-color); + margin-right: 16px; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + left: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-left: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-left: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-left: 15px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-left: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-right: 5px; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link, +.ios .data-table-links .button + .button, +.ios .data-table-actions .button + .button { + margin-left: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-left: 30px; +} +.ios .data-table-rows-select .input { + margin-left: 20px; +} +.ios .data-table-pagination-label { + margin-right: 15px; +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-left: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-left: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-right: 8px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link, +.md .data-table-links .button + .button, +.md .data-table-actions .button + .button { + margin-left: 24px; +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-left: 32px; +} +.md .data-table-rows-select .input { + margin-left: 24px; +} +.md .data-table-pagination-label { + margin-right: 20px; +} +.md .input-cell .input-clear-button { + transform: scale(0.8); +} +/* === FAB === */ +:root { + --f7-fab-text-color: #fff; + --f7-fab-extended-text-font-size: 14px; + --f7-fab-extended-text-padding: 0 20px; + --f7-fab-label-bg-color: #fff; + --f7-fab-label-text-color: #333; + --f7-fab-label-border-radius: 4px; + --f7-fab-label-padding: 4px 12px; + --f7-fab-button-size: 40px; +} +.ios { + --f7-fab-size: 50px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 50px; + --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.md { + --f7-fab-size: 56px; + --f7-fab-box-shadow: var(--f7-elevation-6); + --f7-fab-margin: 16px; + --f7-fab-extended-size: 48px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0.03em; + --f7-fab-label-box-shadow: var(--f7-elevation-3); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.fab { + position: absolute; + z-index: 1500; +} +.fab a { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.fab[class*="fab-left"] { + left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left)); +} +.fab[class*="fab-right"] { + right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right)); +} +.fab[class*="-top"] { + top: var(--f7-fab-margin); +} +.fab[class*="-bottom"] { + bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom)); +} +.fab[class*="fab-center"] { + left: 50%; + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} +.fab > a, +.fab-buttons a { + background-color: var(--f7-fab-bg-color, var(--f7-theme-color)); + width: var(--f7-fab-size); + height: var(--f7-fab-size); + box-shadow: var(--f7-fab-box-shadow); + border-radius: calc(var(--f7-fab-size) / 2); + position: relative; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 1; + color: var(--f7-fab-text-color); +} +.fab > a.active-state, +.fab-buttons a.active-state { + background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade)); +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transition: 300ms; +} +.fab > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab-buttons a { + border-radius: calc(var(--f7-fab-button-size) / 2); + width: var(--f7-fab-button-size); + height: var(--f7-fab-button-size); +} +.fab-buttons { + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: var(--f7-fab-button-size); + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + flex-direction: column-reverse; +} +.fab-buttons-top a { + transform: translate3d(0, 8px, 0) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + flex-direction: column; +} +.fab-buttons-bottom a { + transform: translate3d(0, -8px, 0) scale(0.3); + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: var(--f7-fab-button-size); + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; + flex-direction: row-reverse; +} +.fab-buttons-left a { + transform: translate3d(8px, 0px, 0) scale(0.3); + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; +} +.fab-buttons-right a { + transform: translate3d(-8px, 0, 0) scale(0.3); + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + bottom: 100%; + margin-bottom: 16px; + transform: translateY(-8px) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-left: 16px; + transform: translateX(-8px) scale(0.3); + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + top: 100%; + margin-top: 16px; + transform: translateY(8px) scale(0.3); + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-right: 16px; + transform: translateX(8px) scale(0.3); + transform-origin: right center; +} +.fab-morph { + border-radius: calc(var(--f7-fab-size) / 2); + background: var(--f7-fab-bg-color, var(--f7-theme-color)); + box-shadow: var(--f7-fab-box-shadow); +} +.fab-morph > a { + box-shadow: none; + background: none !important; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; + min-width: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100%; + height: var(--f7-fab-extended-size); +} +.fab-extended > a i { + left: calc(var(--f7-fab-extended-size) / 2); +} +.fab-extended i ~ .fab-text { + padding-left: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + box-sizing: border-box; + font-size: var(--f7-fab-extended-text-font-size); + padding: var(--f7-fab-extended-text-padding); + font-weight: var(--f7-fab-extended-text-font-weight); + letter-spacing: var(--f7-fab-extended-text-letter-spacing); + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: var(--f7-fab-label-padding); + border-radius: var(--f7-fab-label-border-radius); + background: var(--f7-fab-label-bg-color); + color: var(--f7-fab-label-text-color); + box-shadow: var(--f7-fab-label-box-shadow); + white-space: nowrap; + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.navbar ~ * .fab[class*="-top"], +.navbar ~ .fab[class*="-top"] { + margin-top: var(--f7-navbar-height); +} +.toolbar-top ~ * .fab[class*="-top"], +.toolbar-top ~ .fab[class*="-top"], +.ios .toolbar-top-ios ~ * .fab[class*="-top"], +.ios .toolbar-top-ios ~ .fab[class*="-top"], +.md .toolbar-top-md ~ * .fab[class*="-top"], +.md .toolbar-top-md ~ .fab[class*="-top"] { + margin-top: var(--f7-toolbar-height); +} +.toolbar-bottom ~ * .fab[class*="-bottom"], +.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-toolbar-height); +} +.tabbar-labels.toolbar-bottom ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-tabbar-labels-height); +} +.tabbar-labels.toolbar-top ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-top ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ .fab[class*="-bottom"] { + margin-top: var(--f7-tabbar-labels-height); +} +.messagebar ~ * .fab[class*="-bottom"], +.messagebar ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-messagebar-height); +} +.navbar + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbar + .toolbar-top ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height)); +} +.navbar + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbar + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height)); +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + transition-duration: 0ms; +} +/* === Searchbar === */ +:root { + /* + --f7-searchbar-link-color: var(--f7-bars-link-color); + */ +} +.ios { + /* + --f7-searchbar-bg-image: var(--f7-bars-bg-image); + --f7-searchbar-bg-color: var(--f7-bars-bg-color); + --f7-searchbar-border-color: var(--f7-bars-border-color); + */ + --f7-searchbar-height: 44px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 17px; + --f7-searchbar-input-bg-color: #e8e8ea; + --f7-searchbar-input-border-radius: 8px; + --f7-searchbar-input-height: 32px; + --f7-searchbar-input-padding-horizontal: 28px; + /* + --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); + */ + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-searchbar-bg-color: #303030; + --f7-searchbar-input-bg-color: #171717; + --f7-searchbar-input-text-color: #fff; +} +.md { + --f7-searchbar-bg-color: #fff; + --f7-searchbar-border-color: transparent; + --f7-searchbar-height: 48px; + --f7-searchbar-link-color: #737373; + --f7-searchbar-search-icon-color: #737373; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 20px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 0px; + --f7-searchbar-input-height: 100%; + --f7-searchbar-input-padding-horizontal: 48px; + --f7-searchbar-input-clear-button-color: #737373; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25); + --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-searchbar-in-page-content-margin: 8px; + --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1); + --f7-searchbar-in-page-content-border-radius: 4px; +} +.searchbar { + width: 100%; + position: relative; + z-index: 200; + height: var(--f7-searchbar-height); + background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.searchbar.no-hairline:after, +.searchbar.no-border:after { + display: none !important; +} +.searchbar.no-shadow:before { + display: none !important; +} +.searchbar:after { + content: ''; + position: absolute; + background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.page > .searchbar { + z-index: 510; +} +.page > .searchbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.searchbar input[type="text"], +.searchbar input[type="search"] { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-weight: normal; + color: var(--f7-searchbar-input-text-color); + font-size: var(--f7-searchbar-input-font-size); + background-color: var(--f7-searchbar-input-bg-color); + border-radius: var(--f7-searchbar-input-border-radius); + position: relative; + padding: 0; + padding-left: var(--f7-searchbar-input-padding-left); + padding-right: var(--f7-searchbar-input-padding-right); +} +.searchbar input[type="text"]::-webkit-input-placeholder, +.searchbar input[type="search"]::-webkit-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-moz-placeholder, +.searchbar input[type="search"]::-moz-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-ms-input-placeholder, +.searchbar input[type="search"]::-ms-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::placeholder, +.searchbar input[type="search"]::placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.searchbar .searchbar-input-wrap { + flex-shrink: 1; + width: 100%; + height: var(--f7-searchbar-input-height); + position: relative; +} +.searchbar a { + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.page-content .searchbar { + border-radius: var(--f7-searchbar-in-page-content-border-radius); + margin: var(--f7-searchbar-in-page-content-margin); + width: auto; + box-shadow: var(--f7-searchbar-in-page-content-box-shadow); +} +.page-content .searchbar .searchbar-inner, +.page-content .searchbar input[type="text"], +.page-content .searchbar input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-border-radius); +} +.searchbar .input-clear-button { + color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); +} +.searchbar-expandable { + position: absolute; + transition-duration: 300ms; + pointer-events: none; +} +.navbar-inner-large .searchbar-expandable:after { + display: none !important; +} +.navbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-navbar-height); +} +.toolbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-toolbar-height); +} +.subnavbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-subnavbar-height); +} +.tabbar-labels .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-tabbar-labels-height); +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-icon:after { + color: var(--f7-searchbar-search-icon-color); + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-searchbar-backdrop-bg-color); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.navbar.with-searchbar-expandable-enabled, +.navbar-inner.with-searchbar-expandable-enabled { + --f7-navbar-large-collapse-progress: 1; +} +.navbar.with-searchbar-expandable-enabled .title-large, +.navbar-inner.with-searchbar-expandable-enabled .title-large, +.navbar.with-searchbar-expandable-enabled .title-large-text, +.navbar-inner.with-searchbar-expandable-enabled .title-large-text, +.navbar.with-searchbar-expandable-enabled .title-large-inner, +.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { + transition-duration: 300ms; +} +.page-content.with-searchbar-expandable-enabled { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + transition-duration: 300ms; + transition-property: transform; +} +.navbar ~ .page:not(.no-navbar) > .searchbar, +.page > .navbar ~ .searchbar { + top: var(--f7-navbar-height); +} +.page > .searchbar ~ * .page-content, +.page > .searchbar ~ .page-content { + padding-top: var(--f7-searchbar-height); +} +.page > .navbar ~ .searchbar ~ * .page-content, +.page > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-searchbar-height)); +} +.page > .toolbar-top ~ .searchbar, +.ios .page > .toolbar-top-ios ~ .searchbar, +.md .page > .toolbar-top-md ~ .searchbar { + top: var(--f7-toolbar-height); +} +.page > .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar { + top: var(--f7-tabbar-labels-height); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.ios { + --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + z-index: 30; +} +.ios .searchbar .input-clear-button { + z-index: 40; + right: 7px; +} +.ios .searchbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + left: 8px; +} +.ios .searchbar-icon:after { + content: 'search_ios'; + line-height: 13px; +} +.ios .searchbar-disable-button { + font-size: 17px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: 300ms; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none; +} +.ios .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + left: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.ios .navbar-inner.with-searchbar-expandable-enabled .left, +.ios .navbar-inner.with-searchbar-expandable-enabled .title, +.ios .navbar-inner.with-searchbar-expandable-enabled .right { + transform: translateY(calc(-1 * var(--f7-navbar-height))); + transition: 300ms; + opacity: 0; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: var(--f7-searchbar-expandable-size); + pointer-events: auto; +} +.md { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.md .searchbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + left: calc(-4px + var(--f7-safe-area-left)); + top: 50%; + transition-duration: 300ms; +} +.md .searchbar-icon { + width: 24px; + height: 24px; + margin-left: 12px; + margin-top: -12px; +} +.md .searchbar-icon:after { + content: 'search_md'; + line-height: 1.2; +} +.md .searchbar-disable-button { + width: 48px; + height: 48px; + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + margin-top: -24px; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar-disable-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + line-height: 48px; + content: "arrow_left_md"; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + right: 0; + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + line-height: 48px; + content: 'delete_md'; + opacity: 1; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page > .searchbar, +.md .subnavbar .searchbar, +.md .searchbar-expandable { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + left: calc(-4px + 8px + var(--f7-safe-area-left)); +} +.md .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + height: 100%; + opacity: 0; + top: 50%; + border-radius: calc(var(--f7-searchbar-expandable-size)); + width: calc(var(--f7-searchbar-expandable-size)); + margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2); + transform: translate3d(0px, 0px, 0px); + left: 100%; + margin-left: calc(var(--f7-searchbar-expandable-size) * -1); +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + left: 0; + margin-left: 0; +} +/* === Messages === */ +:root { + --f7-messages-content-bg-color: #fff; + --f7-message-text-header-text-color: inherit; + --f7-message-text-header-opacity: 0.65; + --f7-message-text-header-font-size: 12px; + --f7-message-text-footer-text-color: inherit; + --f7-message-text-footer-opacity: 0.65; + --f7-message-text-footer-font-size: 12px; + --f7-message-bubble-line-height: 1.2; + --f7-message-header-font-size: 12px; + --f7-message-footer-font-size: 11px; + --f7-message-name-font-size: 12px; + --f7-message-typing-indicator-bg-color: #000; + --f7-message-sent-bg-color: var(--f7-theme-color); + --f7-message-sent-text-color: #fff; + --f7-message-received-bg-color: #e5e5ea; + --f7-message-received-text-color: #000; +} +.ios { + --f7-messages-title-text-color: #8e8e93; + --f7-messages-title-font-size: 11px; + --f7-message-header-text-color: #8e8e93; + --f7-message-footer-text-color: #8e8e93; + --f7-message-name-text-color: #8e8e93; + --f7-message-avatar-size: 29px; + --f7-message-margin: 10px; + --f7-message-bubble-font-size: 17px; + --f7-message-bubble-border-radius: 16px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 16px; + --f7-message-typing-indicator-opacity: 0.35; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.md { + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-messages-title-font-size: 12px; + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51); + --f7-message-avatar-size: 32px; + --f7-message-margin: 16px; + --f7-message-bubble-font-size: 16px; + --f7-message-bubble-border-radius: 4px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 8px; + --f7-message-typing-indicator-opacity: 0.6; +} +.md .theme-dark, +.md.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.messages-content, +.messages { + background: var(--f7-messages-content-bg-color); +} +.messages { + display: flex; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title, +.message { + margin-top: var(--f7-message-margin); +} +.messages-title:last-child, +.message:last-child { + margin-bottom: var(--f7-message-margin); +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; + color: var(--f7-messages-title-text-color); + font-size: var(--f7-messages-title-font-size); +} +.message { + max-width: 70%; + box-sizing: border-box; + display: flex; + align-items: flex-end; + position: relative; + z-index: 1; + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + align-self: flex-end; + flex-shrink: 0; + width: var(--f7-message-avatar-size); + height: var(--f7-message-avatar-size); +} +.message-content { + position: relative; + display: flex; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; +} +.message-header { + color: var(--f7-message-header-text-color); + font-size: var(--f7-message-header-font-size); +} +.message-footer { + color: var(--f7-message-footer-text-color); + font-size: var(--f7-message-footer-font-size); + margin-bottom: -1em; +} +.message-name { + color: var(--f7-message-name-text-color); + font-size: var(--f7-message-name-font-size); +} +.message-bubble { + box-sizing: border-box; + word-break: break-word; + display: flex; + flex-direction: column; + position: relative; + line-height: var(--f7-message-bubble-line-height); + font-size: var(--f7-message-bubble-font-size); + border-radius: var(--f7-message-bubble-border-radius); + padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); + min-height: 32px; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + line-height: 1; +} +.message-text-header { + color: var(--f7-message-text-header-text-color); + opacity: var(--f7-message-text-header-opacity); + font-size: var(--f7-message-text-header-font-size); +} +.message-text-footer { + color: var(--f7-message-text-footer-text-color); + opacity: var(--f7-message-text-footer-opacity); + font-size: var(--f7-message-text-footer-font-size); +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + flex-direction: row-reverse; + align-self: flex-end; +} +.message-sent .message-bubble { + color: var(--f7-message-sent-text-color); + background: var(--f7-message-sent-bg-color); +} +.message-sent .message-content { + align-items: flex-end; +} +.message-sent.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius); +} +.message-received { + flex-direction: row; +} +.message-received .message-bubble { + color: var(--f7-message-received-text-color); + background: var(--f7-message-received-bg-color); +} +.message-received .message-content { + align-items: flex-start; +} +.message-received.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: var(--f7-message-typing-indicator-bg-color); + opacity: var(--f7-message-typing-indicator-opacity); + vertical-align: middle; + border-radius: 50%; +} +@keyframes message-appear-from-bottom { + from { + transform: translate3d(0, 100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + transform: translate3d(0, -100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +.ios .messages-title b, +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + min-width: 48px; +} +.ios .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal)); +} +.ios .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: calc(10px + var(--f7-safe-area-left)); +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-received .message-bubble { + padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: calc(10px + var(--f7-safe-area-right)); +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-sent .message-bubble { + padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-sent.message-tail .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: var(--f7-message-received-bg-color); + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; +} +.ios .message-typing-indicator > div + div { + margin-left: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +.md .messages-title b, +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received.message-tail .message-bubble:before, +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.md .message-received { + margin-left: calc(8px + var(--f7-safe-area-left)); +} +.md .message-received .message-avatar + .message-content { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.md .message-received.message-tail .message-bubble:before { + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid var(--f7-message-received-bg-color); + right: 100%; +} +.md .message-sent { + margin-right: calc(8px + var(--f7-safe-area-right)); +} +.md .message-sent .message-avatar + .message-content { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.md .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid var(--f7-message-sent-bg-color); + left: 100%; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.md .message-typing-indicator > div + div { + margin-left: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + animation: md-message-typing-indicator 900ms 300ms infinite; +} +@keyframes md-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(-5px); + } + 50% { + transform: translateY(0%); + } +} +/* === Messagebar === */ +:root { + --f7-messagebar-bg-color: #fff; + --f7-messagebar-textarea-bg-color: transparent; + --f7-messagebar-attachments-height: 155px; + --f7-messagebar-attachment-height: 155px; + --f7-messagebar-attachment-landscape-height: 120px; + --f7-messagebar-sheet-height: 252px; + --f7-messagebar-sheet-landscape-height: 192px; +} +.ios { + --f7-messagebar-height: 44px; + --f7-messagebar-font-size: 17px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 17px; + --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-height: 34px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 17px; + --f7-messagebar-textarea-line-height: 20px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #d1d5da; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color); +} +.md { + --f7-messagebar-height: 48px; + --f7-messagebar-font-size: 16px; + --f7-messagebar-link-color: #333; + --f7-messagebar-border-color: #d1d1d1; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 0px; + --f7-messagebar-textarea-padding: 5px 8px; + --f7-messagebar-textarea-height: 32px; + --f7-messagebar-textarea-text-color: #333; + --f7-messagebar-textarea-font-size: 16px; + --f7-messagebar-textarea-line-height: 22px; + --f7-messagebar-textarea-border: 1px solid transparent; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #ddd; + --f7-messagebar-attachment-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-border-color: #282829; + --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); +} +.messagebar { + transform: translate3d(0, 0, 0); + background: var(--f7-messagebar-bg-color); + height: auto; + min-height: var(--f7-messagebar-height); + font-size: var(--f7-messagebar-font-size); + padding-bottom: var(--f7-safe-area-bottom); + bottom: 0; +} +.messagebar:before { + content: ''; + position: absolute; + background-color: var(--f7-messagebar-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-messagebar-shadow-image); +} +.messagebar.no-hairline:before, +.messagebar.no-border:before { + display: none !important; +} +.messagebar.no-shadow:after, +.messagebar.toolbar-hidden:after { + display: none !important; +} +.messagebar .toolbar-inner { + top: auto; + position: relative; + height: auto; + bottom: auto; +} +.messagebar.messagebar-sheet-visible > .toolbar-inner { + bottom: 0; +} +.messagebar .messagebar-area { + width: 100%; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.messagebar textarea { + width: 100%; + flex-shrink: 1; + background-color: var(--f7-messagebar-textarea-bg-color); + border-radius: var(--f7-messagebar-textarea-border-radius); + padding: var(--f7-messagebar-textarea-padding); + height: var(--f7-messagebar-textarea-height); + color: var(--f7-messagebar-textarea-text-color); + font-size: var(--f7-messagebar-textarea-font-size); + line-height: var(--f7-messagebar-textarea-line-height); + border: var(--f7-messagebar-textarea-border); +} +.messagebar a.link { + align-self: flex-end; + flex-shrink: 0; + color: var(--f7-messagebar-link-color, var(--f7-theme-color)); +} +.messagebar-attachments { + width: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: var(--f7-messagebar-attachment-height); + position: relative; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +@media (orientation: landscape) { + .messagebar-attachment { + height: var(--f7-messagebar-attachment-landscape-height); + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +.messagebar-attachment + .messagebar-attachment { + margin-left: 8px; +} +.messagebar-sheet { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-content: flex-start; + height: var(--f7-messagebar-sheet-height); + background-color: var(--f7-messagebar-sheet-bg-color); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +@media (orientation: landscape) { + .messagebar-sheet { + height: var(--f7-messagebar-sheet-landscape-height); + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + box-sizing: border-box; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + width: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + margin-left: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + box-sizing: border-box; + cursor: pointer; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.messagebar ~ .page-content, +.messagebar ~ * .page-content { + padding-bottom: calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom)); +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.ios .messagebar-attachment { + font-size: 14px; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid var(--f7-messagebar-attachments-border-color); +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background-color: var(--f7-theme-color); + border-radius: 4px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +/* 3D Effects */ +.swiper-container-3d { + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + line-height: 44px; + text-align: center; + margin-top: -22px; + z-index: 10; + cursor: pointer; + color: var(--f7-theme-color); +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + font-size: 44px; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content: 'swiper_prev'; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content: 'swiper_next'; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: var(--f7-theme-color); +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--f7-theme-color); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.preloader.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +/* === Photo Browser === */ +:root { + --f7-photobrowser-bg-color: #fff; + --f7-photobrowser-bars-bg-image: none; + /* + --f7-photobrowser-bars-bg-color: rgba(var(--f7-bars-bg-color-rgb), 0.95); + --f7-photobrowser-bars-text-color: var(--f7-bars-text-color); + --f7-photobrowser-bars-link-color: var(--f7-bars-link-color); + */ + --f7-photobrowser-caption-font-size: 14px; + --f7-photobrowser-caption-light-text-color: #000; + --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8); + --f7-photobrowser-caption-dark-text-color: #fff; + --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8); + --f7-photobrowser-exposed-bg-color: #000; + --f7-photobrowser-dark-bg-color: #000; + --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8); + --f7-photobrowser-dark-bars-text-color: #fff; + --f7-photobrowser-dark-bars-link-color: #fff; +} +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + transition-duration: 0ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + transition-duration: 0ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + transform: translate3d(0, -100vh, 0); +} +.photo-browser-page { + background: none; +} +.photo-browser-page .toolbar { + transform: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: var(--f7-safe-area-bottom); + z-index: 10; + opacity: 1; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.toolbar ~ .photo-browser-captions { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); + transform: translate3d(0, 0px, 0); +} +.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + transform: translate3d(0, 0px, 0); +} +.photo-browser-caption { + box-sizing: border-box; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + font-size: var(--f7-photobrowser-caption-font-size); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + color: var(--f7-photobrowser-caption-light-text-color); + background: var(--f7-photobrowser-caption-light-bg-color); +} +.photo-browser-captions-dark .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: var(--f7-photobrowser-bg-color); + transition: 400ms; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; + pointer-events: none; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + transition: 400ms; + transition-property: transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-page .navbar, +.view.with-photo-browser-page .navbar, +.photo-browser-page .toolbar, +.view.with-photo-browser-page .toolbar { + background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); + background-image: var(--f7-photobrowser-bars-bg-image); + transition: 400ms; + color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color)); +} +.photo-browser-page .navbar a, +.view.with-photo-browser-page .navbar a, +.photo-browser-page .toolbar a, +.view.with-photo-browser-page .toolbar a { + color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .toolbar ~ .photo-browser-captions { + transform: translate3d(0, var(--f7-toolbar-height), 0); +} +.photo-browser-exposed .photo-browser-swiper-container { + background: var(--f7-photobrowser-exposed-bg-color); +} +.photo-browser-exposed .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container, +.view.with-photo-browser-page-dark .photo-browser-swiper-container { + background: var(--f7-photobrowser-dark-bg-color); +} +.photo-browser-dark .navbar, +.photo-browser-page-dark .navbar, +.view.with-photo-browser-page-dark .navbar, +.photo-browser-dark .toolbar, +.photo-browser-page-dark .toolbar, +.view.with-photo-browser-page-dark .toolbar { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + --f7-link-highlight-color: var(--f7-link-highlight-white); + background: var(--f7-photobrowser-dark-bars-bg-color); + color: var(--f7-photobrowser-dark-bars-text-color); +} +.photo-browser-dark .navbar:before, +.photo-browser-page-dark .navbar:before, +.view.with-photo-browser-page-dark .navbar:before, +.photo-browser-dark .toolbar:before, +.photo-browser-page-dark .toolbar:before, +.view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.photo-browser-dark .navbar:after, +.photo-browser-page-dark .navbar:after, +.view.with-photo-browser-page-dark .navbar:after, +.photo-browser-dark .toolbar:after, +.photo-browser-page-dark .toolbar:after, +.view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.photo-browser-dark .navbar a, +.photo-browser-page-dark .navbar a, +.view.with-photo-browser-page-dark .navbar a, +.photo-browser-dark .toolbar a, +.photo-browser-page-dark .toolbar a, +.view.with-photo-browser-page-dark .toolbar a { + color: var(--f7-photobrowser-dark-bars-link-color); +} +@keyframes photo-browser-in { + 0% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-out { + 0% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +/* === Notifications === */ +:root { + --f7-notification-max-width: 568px; +} +.ios { + --f7-notification-margin: 8px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 12px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: rgba(250, 250, 250, 0.95); + --f7-notification-translucent-bg-color-ios: rgba(255, 255, 255, 0.65); + --f7-notification-icon-size: 20px; + --f7-notification-title-color: #000; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 400; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 15px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 15px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.2; + --f7-notification-text-font-weight: 400; +} +.md { + --f7-notification-margin: 0px; + --f7-notification-padding: 16px; + --f7-notification-border-radius: 0px; + --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 16px; + --f7-notification-title-color: var(--f7-theme-color); + --f7-notification-title-font-size: 12px; + --f7-notification-title-text-transform: none; + --f7-notification-title-line-height: 1; + --f7-notification-title-font-weight: 400; + --f7-notification-title-right-color: #757575; + --f7-notification-title-right-font-size: 12px; + --f7-notification-subtitle-color: #212121; + --f7-notification-subtitle-font-size: 14px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 400; + --f7-notification-text-color: #757575; + --f7-notification-text-font-size: 14px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.35; + --f7-notification-text-font-weight: 400; +} +.notification { + position: absolute; + left: var(--f7-notification-margin); + top: var(--f7-notification-margin); + width: calc(100% - var(--f7-notification-margin) * 2); + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + box-sizing: border-box; + transition-property: transform; + direction: ltr; + max-width: var(--f7-notification-max-width); + padding: var(--f7-notification-padding); + border-radius: var(--f7-notification-border-radius); + box-shadow: var(--f7-notification-box-shadow); + background: var(--f7-notification-bg-color); + margin-top: var(--f7-statusbar-height); + --f7-link-highlight-color: var(--f7-link-highlight-black); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +@media (min-width: 568px) { + .notification { + left: 50%; + width: var(--f7-notification-max-width); + margin-left: calc(-1 * var(--f7-notification-max-width) / 2); + } +} +.notification-title { + color: var(--f7-notification-title-color, var(--f7-theme-color)); + font-size: var(--f7-notification-title-font-size); + text-transform: var(--f7-notification-title-text-transform); + line-height: var(--f7-notification-title-line-height); + font-weight: var(--f7-notification-title-font-weight); + letter-spacing: var(--f7-notification-title-letter-spacing); +} +.notification-subtitle { + color: var(--f7-notification-subtitle-color); + font-size: var(--f7-notification-subtitle-font-size); + text-transform: var(--f7-notification-subtitle-text-transform); + line-height: var(--f7-notification-subtitle-line-height); + font-weight: var(--f7-notification-subtitle-font-weight); +} +.notification-text { + color: var(--f7-notification-text-color); + font-size: var(--f7-notification-text-font-size); + text-transform: var(--f7-notification-text-text-transform); + line-height: var(--f7-notification-text-line-height); + font-weight: var(--f7-notification-text-font-weight); +} +.notification-title-right-text { + color: var(--f7-notification-title-right-color); + font-size: var(--f7-notification-title-right-font-size); +} +.notification-icon { + font-size: 0; + line-height: var(--f7-notification-icon-size); +} +.notification-icon i, +.notification-icon { + width: var(--f7-notification-icon-size) !important; + height: var(--f7-notification-icon-size) !important; +} +.notification-icon i { + font-size: var(--f7-notification-icon-size); +} +.notification-header { + display: flex; + justify-content: flex-start; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; + position: relative; +} +.notification-close-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + left: 50%; + top: 50%; + text-align: center; +} +.ios .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: var(--f7-notification-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + margin-right: 8px; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + font-size: 14px; + width: 20px; + height: 20px; + opacity: 0.3; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.65em; + line-height: 44px; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .notification { + transform: translate3d(0, -150%, 0); +} +.md .notification.modal-in { + transition-duration: 0ms; + animation: notification-md-in 400ms ease-out; + transform: translate3d(0, 0%, 0); +} +.md .notification.modal-in.notification-transitioning { + transition-duration: 200ms; +} +.md .notification.modal-out { + animation: none; + transition-duration: 200ms; + transition-timing-function: ease-in; + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + margin-right: 8px; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: var(--f7-notification-title-right-color); +} +.md .notification-close-button { + width: 16px; + height: 16px; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .notification-close-button:before, +.md .notification-close-button:after { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + color: #737373; + content: 'delete_md'; + line-height: 48px; + font-size: 14px; +} +@keyframes notification-md-in { + 0% { + transform: translate3d(0, -150%, 0); + } + 50% { + transform: translate3d(0, 10%, 0); + } + 100% { + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +:root { + --f7-autocomplete-dropdown-bg-color: #fff; + --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; + --f7-autocomplete-dropdown-preloader-size: 20px; +} +.ios { + --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000; + --f7-autocomplete-dropdown-text-matching-font-weight: 600; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} +.md { + --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54); + --f7-autocomplete-dropdown-text-matching-color: #212121; + --f7-autocomplete-dropdown-text-matching-font-weight: 400; +} +.md .theme-dark, +.md.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); + --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); +} +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + animation: none; +} +.autocomplete-dropdown { + background: var(--f7-autocomplete-dropdown-bg-color); + box-shadow: var(--f7-autocomplete-dropdown-box-shadow); + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + left: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: var(--f7-autocomplete-dropdown-preloader-size); + height: var(--f7-autocomplete-dropdown-preloader-size); +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-autocomplete-dropdown-placeholder-color); +} +.autocomplete-dropdown .list { + margin: 0; + color: var(--f7-autocomplete-dropdown-text-color); +} +.autocomplete-dropdown .list b { + color: var(--f7-autocomplete-dropdown-text-matching-color); + font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight); +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.searchbar-input-wrap .autocomplete-dropdown { + background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color)); + border-radius: var(--f7-searchbar-input-border-radius); +} +.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-searchbar-placeholder-color); +} +.searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius); + position: relative; + overflow: hidden; +} +.searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-left: var(--f7-searchbar-input-padding-left); +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-left: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown .autocomplete-preloader { + right: 15px; + margin-bottom: 12px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-right: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader { + right: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +/* === Tooltip === */ +:root { + --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); + --f7-tooltip-text-color: #fff; + --f7-tooltip-border-radius: 4px; + --f7-tooltip-padding: 8px 16px; + --f7-tooltip-font-size: 14px; + --f7-tooltip-font-weight: 500; + --f7-tooltip-desktop-padding: 6px 8px; + --f7-tooltip-desktop-font-size: 12px; +} +.tooltip { + position: absolute; + z-index: 20000; + background: var(--f7-tooltip-bg-color); + border-radius: var(--f7-tooltip-border-radius); + padding: var(--f7-tooltip-padding); + color: var(--f7-tooltip-text-color); + font-size: var(--f7-tooltip-font-size); + font-weight: var(--f7-tooltip-font-weight); + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + transform: scale(0.9); + transition-duration: 150ms; + transition-property: opacity, transform; + z-index: 99000; +} +.tooltip.tooltip-in { + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + transform: scale(1); +} +.device-desktop .tooltip { + font-size: var(--f7-tooltip-desktop-font-size); + padding: var(--f7-tooltip-desktop-padding); +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + transition-duration: 400ms; +} +/* === Skeleton === */ +:root { + --f7-skeleton-color: #ccc; +} +.theme-dark { + --f7-skeleton-color: #515151; +} +.skeleton-text { + font-family: 'framework7-skeleton' !important; +} +.skeleton-text, +.skeleton-text * { + color: var(--f7-skeleton-color) !important; + font-weight: normal !important; + font-style: normal !important; + letter-spacing: -0.015em !important; +} +.skeleton-block { + height: 1em; + background: var(--f7-skeleton-color) !important; + width: 100%; +} +.skeleton-effect-fade { + animation: skeleton-effect-fade 1s infinite; +} +.skeleton-effect-blink { + -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: 50% top; + mask-position: 50% top; + animation: skeleton-effect-blink 1s infinite; +} +.skeleton-effect-pulse { + animation: skeleton-effect-pulse 1s infinite; +} +@keyframes skeleton-effect-fade { + 0% { + opacity: 1; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@keyframes skeleton-effect-blink { + 0% { + -webkit-mask-position: 50% top; + mask-position: 50% top; + } + 100% { + -webkit-mask-position: -150% top; + mask-position: -150% top; + } +} +@keyframes skeleton-effect-pulse { + 0% { + transform: scale(1); + } + 40% { + transform: scale(1); + } + 50% { + transform: scale(0.975); + } + 100% { + transform: scale(1); + } +} +/* === Menu === */ +:root { + --f7-menu-text-color: #fff; + --f7-menu-font-size: 16px; + --f7-menu-font-weight: 500; + --f7-menu-line-height: 1.2; + --f7-menu-bg-color: rgba(0, 0, 0, 0.9); + --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9); + --f7-menu-item-padding-horizontal: 12px; + --f7-menu-item-spacing: 6px; + --f7-menu-item-height: 40px; + --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4); + --f7-menu-item-border-radius: 8px; + /* + --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color); + */ + --f7-menu-dropdown-item-height: 28px; + --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2); + --f7-menu-dropdown-padding-vertical: 6px; + /* + --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); + */ +} +.menu { + z-index: 1000; + position: relative; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.menu-inner { + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding-left: var(--f7-menu-item-spacing); + padding-right: var(--f7-menu-item-spacing); +} +.menu-inner:after { + content: ''; + width: var(--f7-menu-item-spacing); + height: 100%; + flex-shrink: 0; +} +.menu-item { + height: var(--f7-menu-item-height); + min-width: var(--f7-menu-item-height); + flex-shrink: 0; + background: var(--f7-menu-bg-color); + color: var(--f7-menu-text-color); + border-radius: var(--f7-menu-item-border-radius); + position: relative; + box-sizing: border-box; + font-size: var(--f7-menu-font-size); + font-weight: var(--f7-menu-font-weight); + cursor: pointer; + margin-left: var(--f7-menu-item-spacing); +} +.menu-item:first-child { + margin-left: 0; +} +.menu-item.active-state:not(.menu-item-dropdown-opened) { + background-color: rgba(0, 0, 0, 0.7); +} +.menu-item.icon-only { + padding-left: 0; + padding-right: 0; +} +.menu-item-content { + display: flex; + justify-content: center; + align-items: center; + padding: 0 var(--f7-menu-item-padding-horizontal); + height: 100%; + box-sizing: border-box; + width: 100%; + overflow: hidden; + border-radius: var(--f7-menu-item-border-radius); + position: relative; +} +.menu-item-content.icon-only, +.icon-only .menu-item-content { + padding-left: 0; + padding-right: 0; +} +.menu-item-dropdown .menu-item-content:after { + content: ''; + position: absolute; + width: 20px; + height: 2px; + left: 50%; + transform: translateX(-50%); + bottom: 4px; + background: var(--f7-menu-item-dropdown-icon-color); + border-radius: 4px; +} +.menu-dropdown { + opacity: 0; + visibility: hidden; + pointer-events: none; + cursor: auto; + height: 10px; + background: var(--f7-menu-bg-color); + position: relative; +} +.menu-dropdown-content { + position: absolute; + top: 100%; + border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius)); + padding-top: var(--f7-menu-dropdown-padding-vertical); + padding-bottom: var(--f7-menu-dropdown-padding-vertical); + box-sizing: border-box; + background: var(--f7-menu-bg-color); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + min-width: calc(100% + 24px); +} +.menu-dropdown-link, +.menu-dropdown-item { + display: flex; + justify-content: space-between; + align-items: center; + padding-left: var(--f7-menu-item-padding-horizontal); + padding-right: var(--f7-menu-item-padding-horizontal); + min-height: var(--f7-menu-dropdown-item-height); + line-height: var(--f7-menu-line-height); + font-size: var(--f7-menu-font-size); + color: var(--f7-menu-text-color); + font-weight: var(--f7-menu-font-weight); + white-space: nowrap; + min-width: 100px; +} +.menu-dropdown-link i, +.menu-dropdown-item i, +.menu-dropdown-link i.icon, +.menu-dropdown-item i.icon, +.menu-dropdown-link i.f7-icons, +.menu-dropdown-item i.f7-icons, +.menu-dropdown-link i.material-icons, +.menu-dropdown-item i.material-icons { + font-size: 20px; +} +.menu-dropdown-link.active-state { + background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color)); + color: var(--f7-menu-text-color); +} +.menu-dropdown-divider { + height: 1px; + margin-top: 2px; + margin-bottom: 2px; + background: var(--f7-menu-dropdown-divider-color); +} +.menu-item-dropdown-opened { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} +.menu-item-dropdown-opened .menu-item-content:after { + opacity: 0; +} +.menu-item-dropdown-opened .menu-dropdown { + opacity: 1; + visibility: visible; + pointer-events: auto; +} +.menu-item-dropdown-left .menu-dropdown:after, +.menu-item-dropdown-center .menu-dropdown:after, +.menu-dropdown-left:after .menu-dropdown-center:after { + content: ''; + position: absolute; + left: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-right .menu-dropdown:before, +.menu-item-dropdown-center .menu-dropdown:before, +.menu-dropdown-right:before, +.menu-dropdown-center:before { + content: ''; + position: absolute; + right: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-left .menu-dropdown-content, +.menu-dropdown-left .menu-dropdown-content { + left: 0; + border-top-left-radius: 0px; +} +.menu-item-dropdown-right .menu-dropdown-content, +.menu-dropdown-right .menu-dropdown-content { + right: 0; + border-top-right-radius: 0px; +} +.menu-item-dropdown-center .menu-dropdown-content, +.menu-dropdown-center .menu-dropdown-content { + left: 50%; + min-width: calc(100% + 24px + 24px); + transform: translateX(-50%); +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + transform: translate(-50%, -50%); +} +/* === Elevation === */ +:root { + --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0); + --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), + 0px 1px 1px 0px rgba(0, 0, 0, 0.14), + 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), + 0px 3px 4px 0px rgba(0, 0, 0, 0.14), + 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), + 0px 4px 5px 0px rgba(0, 0, 0, 0.14), + 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 5px 8px 0px rgba(0, 0, 0, 0.14), + 0px 1px 14px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 6px 10px 0px rgba(0, 0, 0, 0.14), + 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), + 0px 7px 10px 1px rgba(0, 0, 0, 0.14), + 0px 2px 16px 1px rgba(0, 0, 0, 0.12); + --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), + 0px 8px 10px 1px rgba(0, 0, 0, 0.14), + 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), + 0px 9px 12px 1px rgba(0, 0, 0, 0.14), + 0px 3px 16px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), + 0px 10px 14px 1px rgba(0, 0, 0, 0.14), + 0px 4px 18px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), + 0px 11px 15px 1px rgba(0, 0, 0, 0.14), + 0px 4px 20px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 12px 17px 2px rgba(0, 0, 0, 0.14), + 0px 5px 22px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 13px 19px 2px rgba(0, 0, 0, 0.14), + 0px 5px 24px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), + 0px 14px 21px 2px rgba(0, 0, 0, 0.14), + 0px 5px 26px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), + 0px 15px 22px 2px rgba(0, 0, 0, 0.14), + 0px 6px 28px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), + 0px 16px 24px 2px rgba(0, 0, 0, 0.14), + 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), + 0px 17px 26px 2px rgba(0, 0, 0, 0.14), + 0px 6px 32px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), + 0px 18px 28px 2px rgba(0, 0, 0, 0.14), + 0px 7px 34px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), + 0px 19px 29px 2px rgba(0, 0, 0, 0.14), + 0px 7px 36px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 20px 31px 3px rgba(0, 0, 0, 0.14), + 0px 8px 38px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 21px 33px 3px rgba(0, 0, 0, 0.14), + 0px 8px 40px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), + 0px 22px 35px 3px rgba(0, 0, 0, 0.14), + 0px 8px 42px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), + 0px 23px 36px 3px rgba(0, 0, 0, 0.14), + 0px 9px 44px 8px rgba(0, 0, 0, 0.12); + --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.elevation-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.elevation-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.elevation-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.elevation-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.elevation-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.elevation-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.elevation-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.elevation-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.elevation-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.elevation-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.elevation-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.elevation-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.elevation-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.elevation-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.elevation-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.elevation-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.elevation-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.elevation-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.elevation-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.elevation-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.elevation-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.elevation-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.elevation-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.elevation-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.elevation-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.device-desktop .elevation-hover-0:hover { + box-shadow: var(--f7-elevation-0) !important; +} +.device-desktop .elevation-hover-1:hover { + box-shadow: var(--f7-elevation-1) !important; +} +.device-desktop .elevation-hover-2:hover { + box-shadow: var(--f7-elevation-2) !important; +} +.device-desktop .elevation-hover-3:hover { + box-shadow: var(--f7-elevation-3) !important; +} +.device-desktop .elevation-hover-4:hover { + box-shadow: var(--f7-elevation-4) !important; +} +.device-desktop .elevation-hover-5:hover { + box-shadow: var(--f7-elevation-5) !important; +} +.device-desktop .elevation-hover-6:hover { + box-shadow: var(--f7-elevation-6) !important; +} +.device-desktop .elevation-hover-7:hover { + box-shadow: var(--f7-elevation-7) !important; +} +.device-desktop .elevation-hover-8:hover { + box-shadow: var(--f7-elevation-8) !important; +} +.device-desktop .elevation-hover-9:hover { + box-shadow: var(--f7-elevation-9) !important; +} +.device-desktop .elevation-hover-10:hover { + box-shadow: var(--f7-elevation-10) !important; +} +.device-desktop .elevation-hover-11:hover { + box-shadow: var(--f7-elevation-11) !important; +} +.device-desktop .elevation-hover-12:hover { + box-shadow: var(--f7-elevation-12) !important; +} +.device-desktop .elevation-hover-13:hover { + box-shadow: var(--f7-elevation-13) !important; +} +.device-desktop .elevation-hover-14:hover { + box-shadow: var(--f7-elevation-14) !important; +} +.device-desktop .elevation-hover-15:hover { + box-shadow: var(--f7-elevation-15) !important; +} +.device-desktop .elevation-hover-16:hover { + box-shadow: var(--f7-elevation-16) !important; +} +.device-desktop .elevation-hover-17:hover { + box-shadow: var(--f7-elevation-17) !important; +} +.device-desktop .elevation-hover-18:hover { + box-shadow: var(--f7-elevation-18) !important; +} +.device-desktop .elevation-hover-19:hover { + box-shadow: var(--f7-elevation-19) !important; +} +.device-desktop .elevation-hover-20:hover { + box-shadow: var(--f7-elevation-20) !important; +} +.device-desktop .elevation-hover-21:hover { + box-shadow: var(--f7-elevation-21) !important; +} +.device-desktop .elevation-hover-22:hover { + box-shadow: var(--f7-elevation-22) !important; +} +.device-desktop .elevation-hover-23:hover { + box-shadow: var(--f7-elevation-23) !important; +} +.device-desktop .elevation-hover-24:hover { + box-shadow: var(--f7-elevation-24) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.elevation-transition-100 { + transition-duration: 100ms; + transition-property: box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + transition-duration: 200ms; + transition-property: box-shadow; +} +.elevation-transition-300 { + transition-duration: 300ms; + transition-property: box-shadow; +} +.elevation-transition-400 { + transition-duration: 400ms; + transition-property: box-shadow; +} +.elevation-transition-500 { + transition-duration: 500ms; + transition-property: box-shadow; +} +/* === Typography === */ +.ios { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} +.md { + --f7-typography-padding: 16px; + --f7-typography-margin: 16px; +} +.display-flex { + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.flex-shrink-2 { + flex-shrink: 2 !important; +} +.flex-shrink-3 { + flex-shrink: 3 !important; +} +.flex-shrink-4 { + flex-shrink: 4 !important; +} +.flex-shrink-5 { + flex-shrink: 5 !important; +} +.flex-shrink-6 { + flex-shrink: 6 !important; +} +.flex-shrink-7 { + flex-shrink: 7 !important; +} +.flex-shrink-8 { + flex-shrink: 8 !important; +} +.flex-shrink-9 { + flex-shrink: 9 !important; +} +.flex-shrink-10 { + flex-shrink: 10 !important; +} +.justify-content-flex-start { + justify-content: flex-start !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-flex-end { + justify-content: flex-end !important; +} +.justify-content-space-between { + justify-content: space-between !important; +} +.justify-content-space-around { + justify-content: space-around !important; +} +.justify-content-space-evenly { + justify-content: space-evenly !important; +} +.justify-content-stretch { + justify-content: stretch !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-end { + justify-content: end !important; +} +.justify-content-left { + justify-content: left !important; +} +.justify-content-right { + justify-content: right !important; +} +.align-content-flex-start { + align-content: flex-start !important; +} +.align-content-flex-end { + align-content: flex-end !important; +} +.align-content-center { + align-content: center !important; +} +.align-content-space-between { + align-content: space-between !important; +} +.align-content-space-around { + align-content: space-around !important; +} +.align-content-stretch { + align-content: stretch !important; +} +.align-items-flex-start { + align-items: flex-start !important; +} +.align-items-flex-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +.align-items-stretch { + align-items: stretch !important; +} +.align-self-flex-start { + align-self: flex-start !important; +} +.align-self-flex-end { + align-self: flex-end !important; +} +.align-self-center { + align-self: center !important; +} +.align-self-stretch { + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-padding-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-horizontal { + margin-left: 0 !important; + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.no-margin-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.padding { + padding: var(--f7-typography-padding) !important; +} +.padding-top { + padding-top: var(--f7-typography-padding) !important; +} +.padding-bottom { + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-left { + padding-left: var(--f7-typography-padding) !important; +} +.padding-right { + padding-right: var(--f7-typography-padding) !important; +} +.padding-vertical { + padding-top: var(--f7-typography-padding) !important; + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-horizontal { + padding-left: var(--f7-typography-padding) !important; + padding-right: var(--f7-typography-padding) !important; +} +.margin { + margin: var(--f7-typography-margin) !important; +} +.margin-top { + margin-top: var(--f7-typography-margin) !important; +} +.margin-bottom { + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-left { + margin-left: var(--f7-typography-margin) !important; +} +.margin-right { + margin-right: var(--f7-typography-margin) !important; +} +.margin-vertical { + margin-top: var(--f7-typography-margin) !important; + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-horizontal { + margin-left: var(--f7-typography-margin) !important; + margin-right: var(--f7-typography-margin) !important; +} +[class*="text-color-"] { + color: var(--f7-theme-color-text-color) !important; +} +[class*="bg-color-"] { + background-color: var(--f7-theme-color-bg-color) !important; +} +[class*="border-color-"] { + border-color: var(--f7-theme-color-border-color) !important; +} diff --git a/mobile/www/framework7/css/framework7.bundle.min.css b/mobile/www/framework7/css/framework7.bundle.min.css new file mode 100644 index 0000000..bb0a98c --- /dev/null +++ b/mobile/www/framework7/css/framework7.bundle.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-left:var(--f7-navbar-title-margin-left);margin-right:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(0%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size, var(--f7-button-font-size))}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button:not(.button-outline):first-child{border-left:none}.segmented .button.button-outline:nth-child(n+2){border-left:none}.segmented .button:last-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button-round:first-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button-round:last-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0;background:var(--f7-dialog-bg-color)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;background:var(--f7-dialog-bg-color)}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog{background:var(--f7-dialog-bg-color)}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:.4s}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){.popup-backdrop{z-index:9500}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0}:root .theme-dark,:root.theme-dark{--f7-login-screen-bg-color:#171717;--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px;--f7-login-screen-title-font-size:30px;--f7-login-screen-title-font-weight:normal}.md{--f7-login-screen-blocks-margin-vertical:24px;--f7-login-screen-title-font-size:34px;--f7-login-screen-title-font-weight:normal}.login-screen{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen-content{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:#8a8a8a}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-bottom{transform-origin:center top}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-text-color:var(--f7-theme-color);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color);font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}:root{--f7-sheet-height:260px}.ios{--f7-sheet-bg-color:#cfd5da;--f7-sheet-border-color:#929499}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#171717;--f7-sheet-border-color:var(--f7-bars-border-color)}.md{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-sheet-bg-color:#202020;--f7-sheet-border-color:transparent}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal:before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal:before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:.3s}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar~* .page-content{padding-top:0;padding-bottom:0}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0;padding-top:0}.sheet-modal .sheet-modal-inner>.page-content,.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}.ios{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-translucent-bg-color-ios:rgba(0, 0, 0, 0.75);--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.md{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.toast{transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-statusbar-height)}.ios .toast{transition-duration:.3s;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:var(--f7-toast-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-left:15px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.ios{--f7-progressbar-bg-color:#b6b6b6;--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-statusbar-height)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}:root{--f7-sortable-handler-color:#c7c7cc;--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-text-color:var(--f7-theme-color);--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md .theme-dark,.md.theme-dark{--f7-contacts-list-title-text-color:#fff}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color);font-weight:var(--f7-contacts-list-title-font-weight);font-size:var(--f7-contacts-list-title-font-size);color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height);height:var(--f7-contacts-list-title-height)}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnvabar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-month-height:24px;--f7-timeline-item-inner-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:#6d6d72;--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:#8E8E93}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color);text-align:left}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color)}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-year-title{font-size:16px}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.1) 30%,rgba(0, 0, 0, 0.05) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.panel-backdrop{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));opacity:0;z-index:5999;display:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-duration:var(--f7-panel-transition-duration);will-change:transform,opacity}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;display:none;box-sizing:border-box;position:absolute;top:var(--f7-statusbar-height);height:calc(100% - var(--f7-statusbar-height));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%}.panel,.panel:after{transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(var(--f7-panel-width),0,0)}.panel-right{right:0}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(calc(-1 * (var(--f7-panel-width))),0,0)}.panel-visible-by-breakpoint{display:block;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint:after{display:none}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views,html.with-panel-transitioning .framework7-root>.view,html.with-panel-transitioning .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-width),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-width)),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:#e1e1e1;--f7-card-footer-border-color:#e1e1e1;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-outline-border-color:#282829;--f7-card-header-border-color:#282829;--f7-card-footer-border-color:#282829;--f7-card-footer-text-color:#8E8E93}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:#6d6d72;--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:#333}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-left:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}:root{--f7-label-font-size:12px;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-input-info-text-color:#8e8e93;--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#8e8e93}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:24px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:100px}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{transform:scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height)/ 2));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;transform-origin:left bottom}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:block}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:20px}.ios .list textarea{padding-top:11px;padding-bottom:11px}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .list textarea{padding-top:7px;padding-bottom:7px}.md .input:after,.md .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:after,.md .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{padding-top:7px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:after,.md .input-invalid:after,.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}:root{--f7-checkbox-icon-color:#fff}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative}.checkbox input[type=checkbox]:checked~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;right:calc(var(--f7-safe-area-right) + 10px)}.ios label.item-radio .item-inner{padding-right:calc(var(--f7-safe-area-right) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios{--f7-toggle-handle-color:#fff;--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color-ios:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color-ios:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-handle-color:#fff;--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.ios .toggle-icon{background:var(--f7-toggle-border-color-ios)}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);left:0}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-border-radius:5px;--f7-range-scale-step-width:1px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-scale-step-width:2px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{left:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);left:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);border-radius:var(--f7-range-label-border-radius)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-left:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-left:0}.range-slider-horizontal .range-scale-step:last-child{margin-left:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-theme-color);font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper-input-wrap input{height:100%}.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:18px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:24px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-day-text-color:#000;--f7-calendar-today-bg-color:none;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:24px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:#282829}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color)}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{left:50%;width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-left:calc(-1 * var(--f7-ptr-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:#8e8e93;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:#c8c7cc;--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:#f7f7f8;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:#8e8e93;--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:#363636;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-sortable-icon-color:#fff;--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54);--f7-table-input-text-color:#fff}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:20px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:var(--f7-navbar-height)}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}.ios{--f7-searchbar-height:44px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e8e8ea;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717;--f7-searchbar-input-text-color:#fff}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar{z-index:510}.page>.searchbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:var(--f7-searchbar-input-padding-left);padding-right:var(--f7-searchbar-input-padding-right)}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar{position:absolute;left:0;top:0}.page-content .searchbar{border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar .searchbar-inner,.page-content .searchbar input[type=search],.page-content .searchbar input[type=text]{border-radius:var(--f7-searchbar-in-page-content-border-radius)}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner-large .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:var(--f7-navbar-height)}.page>.searchbar~* .page-content,.page>.searchbar~.page-content{padding-top:var(--f7-searchbar-height)}.navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page:not(.no-navbar)>.searchbar~.page-content,.page>.navbar~.searchbar~* .page-content,.page>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-searchbar-height))}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.toolbar-top-ios~.searchbar~.page-content,.md .page>.toolbar-top-md~.searchbar~* .page-content,.md .page>.toolbar-top-md~.searchbar~.page-content,.page>.toolbar-top~.searchbar~* .page-content,.page>.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.toolbar-top~.searchbar~* .page-content,.page>.navbar~.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios{--f7-searchbar-input-padding-left:var(--f7-searchbar-input-padding-horizontal);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));transition:.3s;opacity:0}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.md .searchbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0;--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);height:100%;opacity:0;top:50%;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;left:0;margin-left:0}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-typing-indicator-bg-color:#000;--f7-message-sent-bg-color:var(--f7-theme-color);--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}.ios{--f7-messages-title-text-color:#8e8e93;--f7-messages-title-font-size:11px;--f7-message-header-text-color:#8e8e93;--f7-message-footer-text-color:#8e8e93;--f7-message-name-text-color:#8e8e93;--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.ios .theme-dark,.ios.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-content-bg-color:transparent;--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54);--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:32px}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color)}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color);left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-border-color:#282829;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~* .page-content,.messagebar~.page-content{padding-bottom:calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom))}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page .navbar,.photo-browser-page .toolbar,.view.with-photo-browser-page .navbar,.view.with-photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image);transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a,.view.with-photo-browser-page .navbar a,.view.with-photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container,.view.with-photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-page-dark .navbar,.photo-browser-page-dark .toolbar,.view.with-photo-browser-page-dark .navbar,.view.with-photo-browser-page-dark .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);background:var(--f7-photobrowser-dark-bars-bg-color);color:var(--f7-photobrowser-dark-bars-text-color)}.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before,.photo-browser-page-dark .navbar:before,.photo-browser-page-dark .toolbar:before,.view.with-photo-browser-page-dark .navbar:before,.view.with-photo-browser-page-dark .toolbar:before{display:none!important}.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after,.photo-browser-page-dark .navbar:after,.photo-browser-page-dark .toolbar:after,.view.with-photo-browser-page-dark .navbar:after,.view.with-photo-browser-page-dark .toolbar:after{display:none!important}.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-page-dark .navbar a,.photo-browser-page-dark .toolbar a,.view.with-photo-browser-page-dark .navbar a,.view.with-photo-browser-page-dark .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-translucent-bg-color-ios:rgba(255, 255, 255, 0.65);--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.2;--f7-notification-text-font-weight:400}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.35;--f7-notification-text-font-weight:400}.notification{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-statusbar-height);--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:var(--f7-notification-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-left)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-left:after .menu-dropdown-center:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/mobile/www/framework7/css/framework7.bundle.rtl.css b/mobile/www/framework7/css/framework7.bundle.rtl.css new file mode 100644 index 0000000..07e18b4 --- /dev/null +++ b/mobile/www/framework7/css/framework7.bundle.rtl.css @@ -0,0 +1,15664 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + left: auto; + right: 0; + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + border-left: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + right: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-right: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-right: var(--f7-navbar-title-margin-left); + margin-left: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: calc(8px + var(--f7-safe-area-left)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-right: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(-200%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(-200%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: var(--f7-safe-area-left); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-right: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + right: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-right: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +.md .subnavbar-inner > a.link:last-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-right: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-right: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-right: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-right: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-right: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-right: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + right: 0; + width: auto; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.links-list a:after { + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-left: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-left: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + left: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-right: 4px; +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size, var(--f7-button-font-size)); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button:not(.button-outline):first-child { + border-right: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.segmented .button:last-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button-round:first-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button-round:last-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-right: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_right_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_left_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_right_md'; +} +.md .icon-forward:after { + content: 'arrow_left_md'; +} +.md .icon-next:after { + content: 'chevron_left_md'; +} +.md .icon-prev:after { + content: 'chevron_right_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} +/* === Dialog === */ +:root { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.ios { + --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); + --f7-dialog-box-shadow: none; + --f7-dialog-width: 270px; + --f7-dialog-border-radius: 13px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: center; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 18px; + --f7-dialog-title-font-weight: 600; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 17px; + --f7-dialog-button-height: 44px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 400; + --f7-dialog-button-text-transform: none; + --f7-dialog-button-pressed-bg-color: rgba(230, 230, 230, 0.95); + --f7-dialog-input-font-size: 14px; + --f7-dialog-input-height: 32px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: #a9a9a9; + --f7-dialog-preloader-size: 34px; +} +.md { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: var(--f7-elevation-24); + --f7-dialog-width: 280px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #757575; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 16px; + --f7-dialog-title-text-color: #212121; + --f7-dialog-title-font-size: 20px; + --f7-dialog-title-font-weight: 500; + --f7-dialog-title-line-height: 1.3; + --f7-dialog-button-font-size: 14px; + --f7-dialog-button-height: 36px; + --f7-dialog-button-letter-spacing: 0.03em; + --f7-dialog-button-text-align: center; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: uppercase; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-font-size: 16px; + --f7-dialog-input-height: 36px; + --f7-dialog-input-bg-color: #fff; + --f7-dialog-input-border-color: transparent; + --f7-dialog-input-border-width: 0px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-dialog-preloader-size: 32px; +} +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + transform: translate3d(0, -50%, 0) scale(1.185); + transition-property: transform, opacity; + display: none; + transition-duration: 400ms; + box-shadow: var(--f7-dialog-box-shadow); + width: var(--f7-dialog-width); + margin-left: calc(-1 * var(--f7-dialog-width) / 2); + border-radius: var(--f7-dialog-border-radius); + text-align: var(--f7-dialog-text-align); + color: var(--f7-dialog-text-color); + font-size: var(--f7-dialog-font-size); + will-change: transform, opacity; +} +.dialog.modal-in { + opacity: 1; + transform: translate3d(0, -50%, 0) scale(1); +} +.dialog.modal-out { + opacity: 0; + z-index: 13499; +} +.dialog.not-animated { + transition-duration: 0ms; +} +.dialog-inner { + position: relative; +} +.dialog-title { + color: var(--f7-dialog-title-text-color); + font-size: var(--f7-dialog-title-font-size); + font-weight: var(--f7-dialog-title-font-weight); + line-height: var(--f7-dialog-title-line-height); +} +.dialog-buttons { + position: relative; + display: flex; + flex-direction: row-reverse; +} +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important; +} +.dialog-button { + box-sizing: border-box; + overflow: hidden; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + color: var(--f7-dialog-button-text-color); + font-size: var(--f7-dialog-button-font-size); + height: var(--f7-dialog-button-height); + line-height: var(--f7-dialog-button-height); + letter-spacing: var(--f7-dialog-button-letter-spacing); + text-align: var(--f7-dialog-button-text-align); + font-weight: var(--f7-dialog-button-font-weight); + text-transform: var(--f7-dialog-button-text-transform); + display: block; + cursor: pointer; +} +.dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} +.dialog-no-buttons .dialog-buttons { + display: none; +} +.dialog-input-field { + position: relative; +} +input.dialog-input[type] { + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + box-shadow: none; + font-size: var(--f7-dialog-input-font-size); + height: var(--f7-dialog-input-height); + background-color: var(--f7-dialog-input-bg-color); + border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color); +} +input.dialog-input[type]::-webkit-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-moz-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::-ms-input-placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +input.dialog-input[type]::placeholder { + color: var(--f7-dialog-input-placeholder-color); +} +.dialog-preloader .preloader { + --f7-preloader-size: var(--f7-dialog-preloader-size); +} +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.ios .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(1); +} +.ios .dialog-inner { + padding: 15px; + border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-title + .dialog-text { + margin-top: 5px; +} +.ios .dialog-buttons { + height: 44px; + justify-content: center; +} +.ios .dialog-button { + width: 100%; + padding: 0 5px; + -webkit-box-flex: 1; + -ms-flex: 1; + background: var(--f7-dialog-bg-color); +} +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.ios .dialog-button:first-child { + border-radius: 0 0 0 var(--f7-dialog-border-radius); +} +.ios .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) 0; +} +.ios .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-button.dialog-button-bold { + font-weight: 500; +} +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto; +} +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0; +} +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: rgba(0, 0, 0, 0.2); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.ios .dialog-buttons-vertical .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); +} +.ios .dialog-buttons-vertical .dialog-button:last-child:after { + display: none !important; +} +.ios .dialog-no-buttons .dialog-inner { + border-radius: var(--f7-dialog-border-radius); +} +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important; +} +.ios .dialog-input-field { + margin-top: 15px; +} +.ios .dialog-input { + padding: 0 5px; +} +.ios .dialog-input + .dialog-input { + margin-top: 5px; +} +.ios .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.ios .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.ios .dialog-preloader .dialog-title ~ .preloader, +.ios .dialog-preloader .dialog-text ~ .preloader { + margin-top: 15px; +} +.ios .dialog-progress .dialog-title ~ .progressbar, +.ios .dialog-progress .dialog-text ~ .progressbar, +.ios .dialog-progress .dialog-title ~ .progressbar-infinite, +.ios .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +.md .dialog { + background: var(--f7-dialog-bg-color); +} +.md .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.md .dialog-inner { + padding: 24px 24px 20px; +} +.md .dialog-title + .dialog-text { + margin-top: 20px; +} +.md .dialog-text { + line-height: 1.5; +} +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.md .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 8px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color); +} +.md .dialog-button.dialog-button-bold { + font-weight: 700; +} +.md .dialog-button + .dialog-button { + margin-left: 4px; +} +.md .dialog-buttons-vertical .dialog-buttons { + padding: 0 0 8px 0; +} +.md .dialog-buttons-vertical .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px; +} +.md .dialog-input { + padding: 0; + transition-duration: 200ms; + position: relative; +} +.md .dialog-input + .dialog-input { + margin-top: 16px; +} +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-title, +.md .dialog-preloader .dialog-inner, +.md .dialog-progress .dialog-inner { + text-align: center; +} +.md .dialog-preloader .dialog-title ~ .preloader, +.md .dialog-preloader .dialog-text ~ .preloader { + margin-top: 20px; +} +.md .dialog-progress .dialog-title ~ .progressbar, +.md .dialog-progress .dialog-text ~ .progressbar, +.md .dialog-progress .dialog-title ~ .progressbar-infinite, +.md .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 16px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: 0px; + */ +} +.ios { + --f7-popup-box-shadow: none; +} +.md { + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} +.popup-backdrop { + z-index: 10500; +} +.popup { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; + will-change: transform; + overflow: hidden; + border-radius: var(--f7-popup-border-radius); +} +.popup.modal-in, +.popup.modal-out { + transition-duration: 400ms; +} +.popup.not-animated { + transition-duration: 0ms; +} +.popup.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.popup.modal-out { + transform: translate3d(0, 100%, 0); +} +@media (min-width: 630px) and (min-height: 630px) { + .popup:not(.popup-tablet-fullscreen) { + width: var(--f7-popup-tablet-width); + height: var(--f7-popup-tablet-height); + left: 50%; + top: 50%; + margin-left: calc(-1 * var(--f7-popup-tablet-width) / 2); + margin-top: calc(-1 * var(--f7-popup-tablet-height) / 2); + transform: translate3d(0, 100vh, 0); + box-shadow: var(--f7-popup-box-shadow); + border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius)); + } + .popup:not(.popup-tablet-fullscreen).modal-in { + transform: translate3d(0, 0, 0); + } + .popup:not(.popup-tablet-fullscreen).modal-out { + transform: translate3d(0, 100vh, 0); + } +} +@media (max-width: 629px), (max-height: 629px) { + .popup-backdrop { + z-index: 9500; + } +} +html.with-modal-popup .framework7-root > .views .page-content, +html.with-modal-popup .framework7-root > .view .page-content, +html.with-modal-popup .framework7-root > .panel .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +/* === Login Screen === */ +:root { + --f7-login-screen-bg-color: #fff; + --f7-login-screen-content-bg-color: #fff; + --f7-login-screen-blocks-max-width: 480px; + /* + --f7-login-screen-list-button-text-color: var(--f7-theme-color); + */ + --f7-login-screen-title-text-align: center; + --f7-login-screen-title-text-color: inherit; + --f7-login-screen-title-letter-spacing: 0; +} +:root .theme-dark, +:root.theme-dark { + --f7-login-screen-bg-color: #171717; + --f7-login-screen-content-bg-color: transparent; +} +.ios { + --f7-login-screen-blocks-margin-vertical: 25px; + --f7-login-screen-title-font-size: 30px; + --f7-login-screen-title-font-weight: normal; +} +.md { + --f7-login-screen-blocks-margin-vertical: 24px; + --f7-login-screen-title-font-size: 34px; + --f7-login-screen-title-font-weight: normal; +} +.login-screen { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-login-screen-bg-color); + z-index: 11000; + will-change: transform; +} +.login-screen.modal-in, +.login-screen.modal-out { + transition-duration: 400ms; +} +.login-screen.not-animated { + transition-duration: 0ms; +} +.login-screen.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.login-screen.modal-out { + transform: translate3d(0, 100%, 0); +} +.login-screen-content { + background: var(--f7-login-screen-content-bg-color); +} +.login-screen-content .list-button { + text-align: center; + color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color)); +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block { + margin: var(--f7-login-screen-blocks-margin-vertical) auto; +} +.login-screen-content .login-screen-title, +.login-screen-content .list, +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header { + max-width: var(--f7-login-screen-blocks-max-width); +} +.login-screen-content .list ul { + background: none; +} +.login-screen-content .list ul:before { + display: none !important; +} +.login-screen-content .list ul:after { + display: none !important; +} +.login-screen-content .block-footer, +.login-screen-content .block-header { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.login-screen-title { + text-align: var(--f7-login-screen-title-text-align); + font-size: var(--f7-login-screen-title-font-size); + font-weight: var(--f7-login-screen-title-font-weight); + color: var(--f7-login-screen-title-text-color); + letter-spacing: var(--f7-login-screen-title-letter-spacing); +} +.theme-dark .login-screen-content .list ul, +.theme-dark .login-screen-content .block-strong { + background-color: transparent; +} +/* === Popover === */ +:root { + --f7-popover-width: 260px; +} +.ios { + --f7-popover-bg-color: rgba(255, 255, 255, 0.95); + --f7-popover-border-radius: 13px; + --f7-popover-box-shadow: none; + --f7-popover-actions-icon-size: 28px; + --f7-popover-actions-label-text-color: #8a8a8a; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-popover-bg-color: rgba(30, 30, 30, 0.95); +} +.md { + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: var(--f7-elevation-8); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); +} +.popover { + width: var(--f7-popover-width); + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + transition-duration: 300ms; + background-color: var(--f7-popover-bg-color); + border-radius: var(--f7-popover-border-radius); + box-shadow: var(--f7-popover-box-shadow); + will-change: transform, opacity; +} +.popover .list { + margin: 0; +} +.popover .list ul { + background: none; +} +.popover .list:first-child ul:before { + display: none !important; +} +.popover .list:last-child ul:after { + display: none !important; +} +.popover .list:first-child ul { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:first-child li:first-child, +.popover .list:first-child li:first-child a, +.popover .list:first-child li:first-child > label { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.popover .list:last-child ul { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:last-child li:last-child, +.popover .list:last-child li:last-child a, +.popover .list:last-child li:last-child > label { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); +} +.popover .list:first-child:last-child li:first-child:last-child, +.popover .list:first-child:last-child li:first-child:last-child a, +.popover .list:first-child:last-child li:first-child:last-child > label, +.popover .list:first-child:last-child ul { + border-radius: var(--f7-popover-border-radius); +} +.popover .list + .list { + margin-top: var(--f7-list-margin-vertical); +} +.popover.modal-in { + opacity: 1; +} +.popover.not-animated { + transition-duration: 0ms; +} +.popover-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.popover-from-actions .item-link i.icon { + width: var(--f7-popover-actions-icon-size); + height: var(--f7-popover-actions-icon-size); + font-size: var(--f7-popover-actions-icon-size); +} +.popover-from-actions-bold { + font-weight: 600; +} +.popover-from-actions-label { + line-height: 1.3; + position: relative; + display: flex; + align-items: center; + padding: var(--f7-actions-label-padding); + color: var(--f7-popover-actions-label-text-color); + font-size: var(--f7-actions-label-font-size); + justify-content: var(--f7-actions-label-justify-content); +} +.popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.popover-from-actions-label:last-child:after { + display: none !important; +} +.ios .popover { + transform: none; + transition-property: opacity; +} +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden; +} +.ios .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + transform: rotate(45deg); +} +.ios .popover-angle.on-left { + left: -26px; +} +.ios .popover-angle.on-left:after { + left: 19px; + top: 0; +} +.ios .popover-angle.on-right { + left: 100%; +} +.ios .popover-angle.on-right:after { + left: -19px; + top: 0; +} +.ios .popover-angle.on-top { + left: 0; + top: -26px; +} +.ios .popover-angle.on-top:after { + left: 0; + top: 19px; +} +.ios .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px; +} +.md .popover { + transform: scale(0.85, 0.6); + transition-property: opacity, transform; +} +.md .popover.modal-in { + opacity: 1; + transform: scale(1); +} +.md .popover.modal-out { + opacity: 0; + transform: scale(1); +} +.md .popover-on-top { + transform-origin: center bottom; +} +.md .popover-on-bottom { + transform-origin: center top; +} +/* === Actions === */ +.ios { + --f7-actions-bg-color: rgba(255, 255, 255, 0.95); + --f7-actions-border-radius: 13px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.2); + --f7-actions-button-text-color: var(--f7-theme-color); + --f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9); + --f7-actions-button-padding: 0px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 57px; + --f7-actions-button-height-landscape: 44px; + --f7-actions-button-font-size: 20px; + --f7-actions-button-icon-size: 28px; + --f7-actions-button-justify-content: center; + --f7-actions-label-padding: 8px 10px; + --f7-actions-label-text-color: #8a8a8a; + --f7-actions-label-font-size: 13px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: transparent; + --f7-actions-group-margin: 8px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.md { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 0px; + --f7-actions-button-border-color: transparent; + --f7-actions-button-text-color: rgba(0, 0, 0, 0.87); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 16px; + --f7-actions-button-text-align: left; + --f7-actions-button-height: 48px; + --f7-actions-button-height-landscape: 48px; + --f7-actions-button-font-size: 16px; + --f7-actions-button-icon-size: 24px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 12px 16px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); + --f7-actions-label-font-size: 16px; + --f7-actions-label-justify-content: flex-start; + --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-margin: 0px; + --f7-actions-grid-button-text-color: #757575; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-grid-button-font-size: 12px; +} +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + transition-property: transform; + will-change: transform; +} +.actions-modal.modal-in, +.actions-modal.modal-out { + transition-duration: 300ms; +} +.actions-modal.not-animated { + transition-duration: 0ms; +} +.actions-modal.modal-in { + transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0); +} +.actions-modal.modal-out { + z-index: 13499; + transform: translate3d(0, 100%, 0); +} +@media (min-width: 496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px; + } +} +@media (orientation: landscape) { + .actions-modal { + --f7-actions-button-height: var(--f7-actions-button-height-landscape); + } +} +.actions-group { + overflow: hidden; + position: relative; + margin: var(--f7-actions-group-margin); + border-radius: var(--f7-actions-border-radius); + transform: translate3d(0, 0, 0); +} +.actions-group:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-group-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-group:last-child:after { + display: none !important; +} +.actions-button, +.actions-label { + width: 100%; + font-weight: normal; + margin: 0; + box-sizing: border-box; + display: block; + position: relative; + overflow: hidden; + text-align: var(--f7-actions-button-text-align); + background: var(--f7-actions-bg-color); +} +.actions-button:after, +.actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.actions-button:first-child, +.actions-label:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-button:last-child, +.actions-label:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-button:last-child:after, +.actions-label:last-child:after { + display: none !important; +} +.actions-button:first-child:last-child, +.actions-label:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-button a, +.actions-label a { + text-decoration: none; + color: inherit; + display: block; +} +.actions-button b, +.actions-label b, +.actions-button.actions-button-bold, +.actions-label.actions-button-bold { + font-weight: 600; +} +.actions-button { + cursor: pointer; + display: flex; + color: var(--f7-actions-button-text-color); + font-size: var(--f7-actions-button-font-size); + height: var(--f7-actions-button-height); + line-height: var(--f7-actions-button-height); + padding: var(--f7-actions-button-padding); + justify-content: var(--f7-actions-button-justify-content); + z-index: 10; +} +.actions-button.active-state { + background-color: var(--f7-actions-button-pressed-bg-color) !important; +} +.actions-button[class*="color-"] { + color: var(--f7-theme-color); +} +.actions-button-media { + flex-shrink: 0; + display: flex; + align-items: center; +} +.actions-button-media i.icon { + width: var(--f7-actions-button-icon-size); + height: var(--f7-actions-button-icon-size); + font-size: var(--f7-actions-button-icon-size); +} +.actions-button a, +.actions-button-text { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.actions-button-text { + width: 100%; + flex-shrink: 1; + text-align: var(--f7-actions-button-text-align); +} +.actions-label { + line-height: 1.3; + display: flex; + align-items: center; + font-size: var(--f7-actions-label-font-size); + color: var(--f7-actions-label-text-color); + padding: var(--f7-actions-label-padding); + justify-content: var(--f7-actions-label-justify-content); + min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height)); +} +.actions-grid .actions-group { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + border-radius: 0; + background: var(--f7-actions-bg-color); + margin-top: 0; +} +.actions-grid .actions-group:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; +} +.actions-grid .actions-group:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius); +} +.actions-grid .actions-group:first-child:last-child { + border-radius: var(--f7-actions-border-radius); +} +.actions-grid .actions-group:not(:last-child) { + margin-bottom: 0; +} +.actions-grid .actions-button, +.actions-grid .actions-label { + border-radius: 0 !important; + background: none; +} +.actions-grid .actions-button { + width: 33.33333333%; + display: block; + color: var(--f7-actions-grid-button-text-color); + height: auto; + line-height: 1; + padding: 16px; +} +.actions-grid .actions-button:after { + display: none !important; +} +.actions-grid .actions-button-media { + margin-left: auto !important; + margin-right: auto !important; + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-media i.icon { + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); + font-size: var(--f7-actions-grid-button-icon-size); +} +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center !important; + margin-top: 8px; + line-height: 1.33em; + height: 1.33em; + font-size: var(--f7-actions-grid-button-font-size); +} +.ios .actions-button-media { + margin-left: 15px; +} +.ios .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} +.md .actions-button { + transition-duration: 300ms; +} +.md .actions-button-media { + min-width: 40px; +} +.md .actions-button-media + .actions-button-text { + margin-left: 16px; +} +/* === Sheet Modal === */ +:root { + --f7-sheet-height: 260px; +} +.ios { + --f7-sheet-bg-color: #cfd5da; + --f7-sheet-border-color: #929499; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-sheet-bg-color: #171717; + --f7-sheet-border-color: var(--f7-bars-border-color); +} +.md { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} +.sheet-backdrop { + z-index: 11000; +} +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: var(--f7-sheet-height); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-sheet-bg-color); + z-index: 12500; + will-change: transform; +} +.sheet-modal:before { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.sheet-modal:before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal.modal-in, +.sheet-modal.modal-out { + transition-duration: 300ms; +} +.sheet-modal.not-animated { + transition-duration: 0ms; +} +.sheet-modal.modal-in { + display: block; + transform: translate3d(0, 0, 0); +} +.sheet-modal.modal-out { + transform: translate3d(0, 100%, 0); +} +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden; +} +.sheet-modal .toolbar { + position: relative; + width: 100%; +} +.sheet-modal .toolbar:after, +.sheet-modal .toolbar:before { + display: none; +} +.sheet-modal .toolbar ~ * .page-content { + padding-top: 0; + padding-bottom: 0; +} +.sheet-modal .toolbar + .sheet-modal-inner { + height: calc(100% - var(--f7-toolbar-height)); +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content { + padding-bottom: 0; + padding-top: 0; +} +.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal .sheet-modal-inner > .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.md .sheet-modal .toolbar a.link:not(.tab-link) { + flex-shrink: 0; +} +/* === Toast === */ +.ios { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: rgba(0, 0, 0, 0.75); + --f7-toast-translucent-bg-color-ios: rgba(0, 0, 0, 0.75); + --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-vertical: 12px; + --f7-toast-border-radius: 8px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.md { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-bg-color: #323232; + --f7-toast-padding-horizontal: 24px; + --f7-toast-padding-vertical: 14px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 64px; + --f7-toast-icon-size: 48px; +} +.toast { + transition-property: transform, opacity; + position: absolute; + max-width: 568px; + z-index: 20000; + color: var(--f7-toast-text-color); + font-size: var(--f7-toast-font-size); + box-sizing: border-box; + background-color: var(--f7-toast-bg-color); + opacity: 0; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.toast.modal-in { + opacity: 1; +} +.toast .toast-content { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal); +} +.toast .toast-text { + line-height: 20px; + flex-shrink: 1; + min-width: 0; +} +.toast .toast-button { + flex-shrink: 0; + min-width: var(--f7-toast-button-min-width); + margin-top: -8px; + margin-bottom: -8px; +} +.toast.toast-with-icon .toast-content { + display: block; + text-align: center; +} +.toast.toast-with-icon .toast-text { + text-align: center; +} +.toast.toast-with-icon .toast-icon .f7-icons, +.toast.toast-with-icon .toast-icon .material-icons { + font-size: var(--f7-toast-icon-size); + width: var(--f7-toast-icon-size); + height: var(--f7-toast-icon-size); +} +.toast.toast-center { + top: 50%; +} +.toast.toast-top { + margin-top: var(--f7-statusbar-height); +} +.ios .toast { + transition-duration: 300ms; + width: 100%; + left: 0; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .toast { + background: var(--f7-toast-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .toast.toast-top { + top: 0; + transform: translate3d(0, -100%, 0); +} +.ios .toast.toast-top.modal-in { + transform: translate3d(0, 0%, 0); +} +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: var(--f7-toast-border-radius); + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-center.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.ios .toast.toast-bottom { + bottom: 0; + transform: translate3d(0, 100%, 0); +} +.ios .toast.toast-bottom.modal-in { + transform: translate3d(0, 0%, 0); +} +@media (max-width: 568px) { + .ios .toast.toast-bottom .toast-content { + padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + border-radius: var(--f7-toast-border-radius); + } + .ios .toast.toast-top { + top: 15px; + } + .ios .toast.toast-center { + margin-left: 0; + } + .ios .toast.toast-bottom { + margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + } +} +@media (min-width: 1024px) { + .ios .toast { + margin-left: 0; + width: auto; + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 15px; + } +} +.ios .toast-button { + margin-right: 15px; + margin-left: calc(-1 * var(--f7-button-padding-horizontal)); +} +.md .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 8px; + width: calc(100% - 16px); + transform: scale(0.9); +} +.md .toast.modal-in { + transform: scale(1); +} +.md .toast.modal-out { + transform: scale(1); +} +.md .toast.toast-top { + top: 8px; +} +.md .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.md .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.md .toast.toast-bottom { + bottom: calc(8px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .md .toast { + left: 50%; + margin-left: -284px; + } + .md .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .md .toast { + margin-left: 0; + width: auto; + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px; + } + .md .toast.toast-bottom { + bottom: calc(24px + var(--f7-safe-area-bottom)); + } + .md .toast.toast-top { + top: 24px; + } +} +.md .toast-button { + margin-right: 16px; + margin-left: -8px; +} +/* === Preloader === */ +:root { + --f7-preloader-modal-padding: 8px; + --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +} +.ios { + --f7-preloader-color: #6c6c6c; + --f7-preloader-size: 20px; + --f7-preloader-modal-preloader-size: 34px; + --f7-preloader-modal-border-radius: 5px; +} +.md { + --f7-preloader-color: #757575; + --f7-preloader-size: 32px; + --f7-preloader-modal-preloader-size: 32px; + --f7-preloader-modal-border-radius: 4px; +} +.preloader { + display: inline-block; + vertical-align: middle; + width: var(--f7-preloader-size); + height: var(--f7-preloader-size); + font-size: 0; + position: relative; +} +/* === Preloader Modal === */ +.preloader-backdrop { + visibility: visible; + opacity: 0; + background: none; + z-index: 14000; +} +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: var(--f7-preloader-modal-padding); + background: var(--f7-preloader-modal-bg-color); + z-index: 14500; + transform: translateX(-50%) translateY(-50%); + border-radius: var(--f7-preloader-modal-border-radius); +} +.preloader-modal .preloader { + --f7-preloader-size: var(--f7-preloader-modal-preloader-size); + display: block !important; +} +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +.preloader[class*="color-"] { + --f7-preloader-color: var(--f7-theme-color); +} +.ios .preloader { + animation: ios-preloader-spin 1s steps(12, end) infinite; +} +.ios .preloader .preloader-inner-line { + display: block; + width: 10%; + height: 25%; + border-radius: 100px; + background: var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + transform-origin: center 200%; +} +.ios .preloader .preloader-inner-line:nth-child(1) { + transform: translate(-50%, -200%) rotate(0deg); + opacity: 0.27; +} +.ios .preloader .preloader-inner-line:nth-child(2) { + transform: translate(-50%, -200%) rotate(30deg); + opacity: 0.32272727; +} +.ios .preloader .preloader-inner-line:nth-child(3) { + transform: translate(-50%, -200%) rotate(60deg); + opacity: 0.37545455; +} +.ios .preloader .preloader-inner-line:nth-child(4) { + transform: translate(-50%, -200%) rotate(90deg); + opacity: 0.42818182; +} +.ios .preloader .preloader-inner-line:nth-child(5) { + transform: translate(-50%, -200%) rotate(120deg); + opacity: 0.48090909; +} +.ios .preloader .preloader-inner-line:nth-child(6) { + transform: translate(-50%, -200%) rotate(150deg); + opacity: 0.53363636; +} +.ios .preloader .preloader-inner-line:nth-child(7) { + transform: translate(-50%, -200%) rotate(180deg); + opacity: 0.58636364; +} +.ios .preloader .preloader-inner-line:nth-child(8) { + transform: translate(-50%, -200%) rotate(210deg); + opacity: 0.63909091; +} +.ios .preloader .preloader-inner-line:nth-child(9) { + transform: translate(-50%, -200%) rotate(240deg); + opacity: 0.69181818; +} +.ios .preloader .preloader-inner-line:nth-child(10) { + transform: translate(-50%, -200%) rotate(270deg); + opacity: 0.74454545; +} +.ios .preloader .preloader-inner-line:nth-child(11) { + transform: translate(-50%, -200%) rotate(300deg); + opacity: 0.79727273; +} +.ios .preloader .preloader-inner-line:nth-child(12) { + transform: translate(-50%, -200%) rotate(330deg); + opacity: 0.85; +} +@keyframes ios-preloader-spin { + 100% { + transform: rotate(360deg); + } +} +.md .preloader { + animation: md-preloader-outer 3300ms linear infinite; +} +@keyframes md-preloader-outer { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; +} +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + box-sizing: border-box; + border-top: 4px solid var(--f7-preloader-color); +} +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden; +} +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + box-sizing: border-box; + border: 4px solid var(--f7-preloader-color); + border-bottom-color: transparent !important; + border-radius: 50%; + animation-iteration-count: infinite; + animation-duration: 1.3125s; + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); +} +.md .preloader-inner .preloader-inner-left { + left: 0; +} +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + animation-name: md-preloader-left-rotate; +} +.md .preloader-inner .preloader-inner-right { + right: 0; +} +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + animation-name: md-preloader-right-rotate; +} +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + animation-name: md-preloader-left-rotate-multicolor; +} +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + animation-name: md-preloader-right-rotate-multicolor; +} +@keyframes md-preloader-left-rotate { + 0%, + 100% { + transform: rotate(130deg); + } + 50% { + transform: rotate(-5deg); + } +} +@keyframes md-preloader-right-rotate { + 0%, + 100% { + transform: rotate(-130deg); + } + 50% { + transform: rotate(5deg); + } +} +@keyframes md-preloader-inner-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285F4; + transform: rotate(130deg); + } + 75% { + border-left-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-left-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(-5deg); + } + 25% { + border-left-color: #DE3E35; + border-top-color: #DE3E35; + } +} +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285F4; + transform: rotate(-130deg); + } + 75% { + border-right-color: #1B9A59; + border-top-color: #1B9A59; + } + 50% { + border-right-color: #F7C223; + border-top-color: #F7C223; + transform: rotate(5deg); + } + 25% { + border-top-color: #DE3E35; + border-right-color: #DE3E35; + } +} +/* === Progressbar === */ +.ios { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + */ + --f7-progressbar-bg-color: #b6b6b6; + --f7-progressbar-height: 2px; + --f7-progressbar-border-radius: 2px; +} +.md { + /* + --f7-progressbar-progress-color: var(--f7-theme-color); + --f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5); + */ + --f7-progressbar-height: 4px; + --f7-progressbar-border-radius: 0px; +} +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + transform-style: preserve-3d; + background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), 0.5)); + transform-origin: center top; + height: var(--f7-progressbar-height); + border-radius: var(--f7-progressbar-border-radius); +} +.progressbar { + vertical-align: middle; +} +.progressbar span { + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + transform: translate3d(-100%, 0, 0); + transition-duration: 150ms; +} +.progressbar-infinite { + z-index: 15000; +} +.progressbar-infinite:before, +.progressbar-infinite:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform-origin: left center; + transform: translate3d(0, 0, 0); + display: block; + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); +} +.progressbar-infinite.color-multi { + background: none !important; +} +.progressbar-in { + animation: progressbar-in 150ms forwards; +} +.progressbar-out { + animation: progressbar-out 150ms forwards; +} +body > .progressbar, +.view > .progressbar, +.views > .progressbar, +.page > .progressbar, +.panel > .progressbar, +.popup > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.view > .progressbar-infinite, +.views > .progressbar-infinite, +.page > .progressbar-infinite, +.panel > .progressbar-infinite, +.popup > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + transform-origin: center top !important; +} +body > .progressbar, +.framework7-root > .progressbar, +body > .progressbar-infinite, +.framework7-root > .progressbar-infinite { + top: var(--f7-statusbar-height); +} +@keyframes progressbar-in { + from { + opacity: 0; + transform: scaleY(0); + } + to { + opacity: 1; + transform: scaleY(1); + } +} +@keyframes progressbar-out { + from { + opacity: 1; + transform: scaleY(1); + } + to { + opacity: 0; + transform: scaleY(0); + } +} +.ios .progressbar-infinite:before { + animation: ios-progressbar-infinite 1s linear infinite; +} +.ios .progressbar-infinite:after { + display: none; +} +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: ios-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes ios-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} +.md .progressbar-infinite:before { + animation: md-progressbar-infinite-1 2s linear infinite; +} +.md .progressbar-infinite:after { + animation: md-progressbar-infinite-2 2s linear infinite; +} +.md .progressbar-infinite.color-multi:before { + background: none; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite; +} +.md .progressbar-infinite.color-multi:after { + background: none; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + transform-origin: center center; +} +@keyframes md-progressbar-infinite-1 { + 0% { + transform: translateX(-10%) scaleX(0.1); + } + 25% { + transform: translateX(30%) scaleX(0.6); + } + 50% { + transform: translateX(100%) scaleX(1); + } + 100% { + transform: translateX(100%) scaleX(1); + } +} +@keyframes md-progressbar-infinite-2 { + 0% { + transform: translateX(-100%) scaleX(1); + } + 40% { + transform: translateX(-100%) scaleX(1); + } + 75% { + transform: translateX(60%) scaleX(0.35); + } + 90% { + transform: translateX(100%) scaleX(0.1); + } + 100% { + transform: translateX(100%) scaleX(0.1); + } +} +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50; + } + 25% { + background-color: #f44336; + } + 50% { + background-color: #2196f3; + } + 75% { + background-color: #ffeb3b; + } +} +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + transform: scaleX(0); + background-color: #f44336; + } + 24.9% { + transform: scaleX(1); + background-color: #f44336; + } + 25% { + transform: scaleX(0); + background-color: #2196f3; + } + 49.9% { + transform: scaleX(1); + background-color: #2196f3; + } + 50% { + transform: scaleX(0); + background-color: #ffeb3b; + } + 74.9% { + transform: scaleX(1); + background-color: #ffeb3b; + } + 75% { + transform: scaleX(0); + background-color: #4caf50; + } + 100% { + transform: scaleX(1); + background-color: #4caf50; + } +} +/* === Sortable === */ +:root { + --f7-sortable-handler-color: #c7c7cc; + --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8); +} +:root .theme-dark, +:root.theme-dark { + --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8); +} +.ios { + --f7-sortable-handler-width: 35px; + --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); +} +.md { + --f7-sortable-handler-width: 42px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} +.sortable .sortable-handler { + width: var(--f7-sortable-handler-width); + height: 100%; + position: absolute; + top: 0; + z-index: 10; + opacity: 0; + pointer-events: none; + cursor: move; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + left: var(--f7-safe-area-left); +} +.sortable .sortable-handler:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + transition-duration: 300ms; + transform: translateX(10px); + color: var(--f7-sortable-handler-color); + overflow: hidden; + height: 20px; + width: 18px; +} +.sortable .item-inner { + transition-duration: 300ms; +} +.sortable li.sorting { + z-index: 50; + background: var(--f7-sortable-sorting-item-bg-color); + transition-duration: 0ms; + box-shadow: var(--f7-sortable-sorting-item-box-shadow); +} +.sortable li.sorting .item-inner:after { + display: none !important; +} +.sortable-sorting li { + transition-duration: 300ms; +} +.sortable-enabled .sortable-handler { + pointer-events: auto; + opacity: 1; +} +.sortable-enabled .sortable-handler:after { + transform: translateX(0px); +} +.sortable-enabled .item-link .item-inner, +.sortable-enabled .item-link .item-title-row { + background-image: none !important; +} +.list.sortable-enabled .item-inner, +.list.sortable-enabled .item-link .item-inner, +.list.sortable-enabled .item-link.no-chevron .item-inner, +.list.sortable-enabled.no-chevron .item-link .item-inner, +.list.sortable-enabled .no-chevron .item-link .item-inner, +.no-chevron .list.sortable-enabled .item-link .item-inner { + padding-left: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)); +} +.ios .sortable-handler:after { + content: 'sort_ios'; +} +.md .sortable-handler:after { + content: 'sort_md'; +} +/* === Swipeout === */ +:root { + --f7-swipeout-button-text-color: #fff; + --f7-swipeout-button-bg-color: #c7c7cc; + --f7-swipeout-delete-button-bg-color: #ff3b30; +} +.ios { + --f7-swipeout-button-padding: 0 30px; +} +.md { + --f7-swipeout-button-padding: 0 24px; +} +.swipeout { + overflow: hidden; + transform-style: preserve-3d; +} +.swipeout-deleting { + transition-duration: 300ms; +} +.swipeout-deleting .swipeout-content { + transform: translateX(-100%); +} +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-overswipe { + transition-duration: 300ms; + transition-property: transform, left; +} +.swipeout-content { + position: relative; + z-index: 10; +} +.swipeout-overswipe { + transition-duration: 200ms; + transition-property: left; +} +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: flex; + direction: ltr; +} +.swipeout-actions-left > a, +.swipeout-actions-right > a, +.swipeout-actions-left > button, +.swipeout-actions-right > button, +.swipeout-actions-left > span, +.swipeout-actions-right > span, +.swipeout-actions-left > div, +.swipeout-actions-right > div { + color: var(--f7-swipeout-button-text-color); + background: var(--f7-swipeout-button-bg-color); + padding: var(--f7-swipeout-button-padding); + display: flex; + align-items: center; + position: relative; + left: 0; +} +.swipeout-actions-left > a:after, +.swipeout-actions-right > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-right > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-right > span:after, +.swipeout-actions-left > div:after, +.swipeout-actions-right > div:after { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + transform: translate3d(0, 0, 0); + pointer-events: none; +} +.swipeout-actions-left .swipeout-delete, +.swipeout-actions-right .swipeout-delete { + background: var(--f7-swipeout-delete-button-bg-color); +} +.swipeout-actions-right { + right: 0%; + transform: translateX(100%); +} +.swipeout-actions-right > a:after, +.swipeout-actions-right > button:after, +.swipeout-actions-right > span:after, +.swipeout-actions-right > div:after { + left: 100%; + margin-left: -1px; +} +.swipeout-actions-left { + left: 0%; + transform: translateX(-100%); +} +.swipeout-actions-left > a:after, +.swipeout-actions-left > button:after, +.swipeout-actions-left > span:after, +.swipeout-actions-left > div:after { + right: 100%; + margin-right: -1px; +} +.swipeout-actions-left [class*="color-"], +.swipeout-actions-right [class*="color-"] { + --f7-swipeout-button-bg-color: var(--f7-theme-color); +} +/* === Accordion === */ +.accordion-item-toggle { + cursor: pointer; + transition-duration: 300ms; +} +.accordion-item-toggle.active-state { + transition-duration: 300ms; +} +.accordion-item-toggle.active-state > .item-inner:after { + background-color: transparent; +} +.accordion-item-toggle .item-inner { + transition-duration: 300ms; + transition-property: background-color; +} +.accordion-item-toggle .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .item-link .item-inner:after { + transition-duration: 300ms; +} +.accordion-item .list, +.accordion-item .block { + margin-top: 0; + margin-bottom: 0; +} +.accordion-item .block > h1:first-child, +.accordion-item .block > h2:first-child, +.accordion-item .block > h3:first-child, +.accordion-item .block > h4:first-child, +.accordion-item .block > p:first-child { + margin-top: 10px; +} +.accordion-item .block > h1:last-child, +.accordion-item .block > h2:last-child, +.accordion-item .block > h3:last-child, +.accordion-item .block > h4:last-child, +.accordion-item .block > p:last-child { + margin-bottom: 10px; +} +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened > .item-link .item-inner:after { + background-color: transparent; +} +.list li.accordion-item ul { + padding-right: 0; +} +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + transition-duration: 300ms; +} +.accordion-item-opened > .accordion-item-content { + height: auto; +} +html.device-android-4 .accordion-item-content { + transform: none; +} +.list .accordion-item-toggle .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left)); +} +.list .accordion-item-toggle .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 14px; + height: 8px; + margin-top: -4px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.list .accordion-item-toggle.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item > .item-link .item-title-row:before, +.accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item.media-item > .item-link .item-title-row:before, +.links-list .accordion-item > a:before { + content: 'chevron_down'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +.list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item-opened > .item-link .item-title-row:before, +.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item-opened.media-item > .item-link .item-title-row:before, +.links-list .accordion-item-opened > a:before { + content: 'chevron_up'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px; +} +/* === Contacts === */ +.ios { + --f7-contacts-list-title-font-size: inherit; + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + --f7-contacts-list-title-height: 22px; + --f7-contacts-list-title-bg-color: #f7f7f7; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-contacts-list-title-text-color: #fff; + --f7-contacts-list-title-bg-color: #232323; +} +.md { + --f7-contacts-list-title-font-size: 20px; + --f7-contacts-list-title-font-weight: 500; + --f7-contacts-list-title-text-color: var(--f7-theme-color); + --f7-contacts-list-title-height: 48px; + --f7-contacts-list-title-bg-color: transparent; +} +.md .theme-dark, +.md.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} +.contacts-list { + --f7-list-margin-vertical: 0px; +} +.contacts-list .list-group-title, +.contacts-list li.list-group-title { + background-color: var(--f7-contacts-list-title-bg-color); + font-weight: var(--f7-contacts-list-title-font-weight); + font-size: var(--f7-contacts-list-title-font-size); + color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color)); + line-height: var(--f7-contacts-list-title-height); + height: var(--f7-contacts-list-title-height); +} +.contacts-list .list-group:first-child ul:before { + display: none !important; +} +.contacts-list .list-group:last-child ul:after { + display: none !important; +} +.md .contacts-list .list-group-title { + pointer-events: none; + overflow: visible; + width: 56px; +} +.md .contacts-list .list-group-title + li { + margin-top: calc(var(--f7-contacts-list-title-height) * -1); +} +.md .contacts-list li:not(.list-group-title) { + padding-right: 56px; +} +/* === Virtual List === */ +/* === Indexed List === */ +:root { + --f7-list-index-width: 16px; + --f7-list-index-font-size: 11px; + --f7-list-index-font-weight: 600; + /* --f7-list-index-text-color: var(--f7-theme-color); */ + --f7-list-index-item-height: 14px; + --f7-list-index-label-text-color: #fff; + /* --f7-list-index-label-bg-color: var(--f7-theme-color); */ + --f7-list-index-label-font-weight: 500; +} +.ios { + --f7-list-index-label-size: 44px; + --f7-list-index-label-font-size: 17px; + --f7-list-index-skip-dot-size: 6px; +} +.md { + --f7-list-index-label-size: 56px; + --f7-list-index-label-font-size: 20px; + --f7-list-index-skip-dot-size: 4px; +} +.list-index { + position: absolute; + top: 0; + bottom: 0; + text-align: center; + z-index: 10; + width: var(--f7-list-index-width); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + left: var(--f7-safe-area-left); +} +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100%; +} +.list-index ul { + color: var(--f7-list-index-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-index-font-size); + font-weight: var(--f7-list-index-font-weight); + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative; +} +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: var(--f7-list-index-item-height); + line-height: var(--f7-list-index-item-height); + flex-shrink: 0; + display: block; + width: 100%; +} +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; + width: var(--f7-list-index-skip-dot-size); + height: var(--f7-list-index-skip-dot-size); + margin-left: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + margin-top: calc(-1 * var(--f7-list-index-skip-dot-size) / 2); + background: var(--f7-list-index-text-color, var(--f7-theme-color)); +} +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color)); + color: var(--f7-list-index-label-text-color); + width: var(--f7-list-index-label-size); + height: var(--f7-list-index-label-size); + line-height: var(--f7-list-index-label-size); + font-size: var(--f7-list-index-label-font-size); + font-weight: var(--f7-list-index-label-font-weight); +} +.navbar ~ .page > .list-index, +.navbar ~ .list-index { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .list-index, +.ios .navbar ~ .toolbar-top-ios ~ .list-index, +.md .navbar ~ .toolbar-top-md ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .subnavbar ~ .list-index, +.page-with-subnavbar .navbar ~ .list-index { + top: calc(var(--f7-navbar-height) + var(--f7-subnvabar-height)); +} +.toolbar-bottom ~ .page > .list-index, +.ios .toolbar-bottom-ios ~ .page > .list-index, +.md .toolbar-bottom-md ~ .page > .list-index, +.toolbar-bottom ~ * .page > .list-index, +.ios .toolbar-bottom-ios ~ * .page > .list-index, +.md .toolbar-bottom-md ~ * .page > .list-index, +.toolbar-bottom ~ .list-index, +.ios .toolbar-bottom-ios ~ .list-index, +.md .toolbar-bottom-md ~ .list-index { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .page > .list-index, +.toolbar-bottom.tabbar-labels ~ * .page > .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ * .page > .list-index, +.toolbar-bottom.tabbar-labels ~ .list-index, +.ios .toolbar-bottom-ios.tabbar-labels ~ .list-index, +.md .toolbar-bottom-md.tabbar-labels ~ .list-index { + bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.ios .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50%; +} +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} +.md .list-index .list-index-label { + border-radius: 50% 50% 0 50%; +} +/* === Timeline === */ +:root { + --f7-timeline-horizontal-date-height: 34px; + --f7-timeline-year-height: 24px; + --f7-timeline-month-height: 24px; + --f7-timeline-item-inner-bg-color: #fff; +} +:root .theme-dark, +:root.theme-dark { + --f7-timeline-item-inner-bg-color: #1c1c1d; +} +.ios { + --f7-timeline-padding-horizontal: 15px; + --f7-timeline-margin-vertical: 35px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 7px; + --f7-timeline-item-inner-box-shadow: none; + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: #6d6d72; + --f7-timeline-item-title-font-size: 17px; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 15px; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-border-color: #c4c4c4; + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-timeline-item-time-text-color: #8E8E93; +} +.md { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 32px; + --f7-timeline-divider-margin-horizontal: 16px; + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54); + --f7-timeline-item-title-font-size: 16px; + --f7-timeline-item-title-font-weight: 400; + --f7-timeline-item-subtitle-font-size: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-horizontal-item-padding: 12px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12); + --f7-timeline-horizontal-item-date-border-color: transparent; + --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.md .theme-dark, +.md.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); +} +.timeline { + box-sizing: border-box; + margin: var(--f7-timeline-margin-vertical) 0; + padding: 0 var(--f7-timeline-padding-horizontal); + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-strong .timeline { + padding: 0; + margin: 0; +} +.timeline-item { + display: flex; + justify-content: flex-start; + overflow: hidden; + box-sizing: border-box; + position: relative; + padding: 2px 0px var(--f7-timeline-padding-horizontal); +} +.timeline-item:last-child { + padding-bottom: 2px; +} +.timeline-item-date { + flex-shrink: 0; + width: 50px; + text-align: right; + box-sizing: border-box; +} +.timeline-item-date small { + font-size: 10px; +} +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + flex-shrink: 10; +} +.timeline-item-content .card, +.timeline-item-content.card, +.timeline-item-content .list, +.timeline-item-content.list, +.timeline-item-content .block, +.timeline-item-content.block { + margin: 0; + width: 100%; +} +.timeline-item-content .card + .card, +.timeline-item-content .list + .card, +.timeline-item-content .block + .card, +.timeline-item-content .card + .list, +.timeline-item-content .list + .list, +.timeline-item-content .block + .list, +.timeline-item-content .card + .block, +.timeline-item-content .list + .block, +.timeline-item-content .block + .block { + margin: var(--f7-timeline-inner-block-margin-vertical) 0 0; +} +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child { + margin-top: 0; +} +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child { + margin-bottom: 0; +} +.timeline-item-inner { + background: var(--f7-timeline-item-inner-bg-color); + box-sizing: border-box; + border-radius: var(--f7-timeline-item-inner-border-radius); + padding: 8px var(--f7-timeline-padding-horizontal); + box-shadow: var(--f7-timeline-item-inner-box-shadow); +} +.timeline-item-inner + .timeline-item-inner { + margin-top: var(--f7-timeline-inner-block-margin-vertical); +} +.timeline-item-inner .block { + padding: 0; + color: inherit; +} +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0; +} +.timeline-item-inner .block-strong:before { + display: none !important; +} +.timeline-item-inner .block-strong:after { + display: none !important; +} +.timeline-item-inner .list ul:before { + display: none !important; +} +.timeline-item-inner .list ul:after { + display: none !important; +} +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + flex-shrink: 0; + margin: 3px var(--f7-timeline-divider-margin-horizontal) 0; +} +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + transform: translate3d(-50%, 0, 0); +} +.timeline-item-divider:after { + top: 100%; +} +.timeline-item-divider:before { + bottom: 100%; +} +.timeline-item:last-child .timeline-item-divider:after { + display: none; +} +.timeline-item:first-child .timeline-item-divider:before { + display: none; +} +.timeline-item-time { + font-size: var(--f7-timeline-item-time-font-size); + margin-top: var(--f7-timeline-inner-block-margin-vertical); + color: var(--f7-timeline-item-time-text-color); +} +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0; +} +.timeline-item-title + .timeline-item-time { + margin-top: 0; +} +.timeline-item-title { + font-size: var(--f7-timeline-item-title-font-size); + font-weight: var(--f7-timeline-item-title-font-weight); +} +.timeline-item-subtitle { + font-size: var(--f7-timeline-item-subtitle-font-size); + font-weight: var(--f7-timeline-item-subtitle-font-weight); +} +.timeline-sides .timeline-item-right, +.timeline-sides .timeline-item { + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; +} +.timeline-sides .timeline-item-right .timeline-item-date, +.timeline-sides .timeline-item .timeline-item-date { + text-align: left; +} +.timeline-sides .timeline-item-left, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; +} +.timeline-sides .timeline-item-left .timeline-item-date, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; +} +@media (min-width: 768px) { + .tablet-sides .timeline-item-right, + .tablet-sides .timeline-item { + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-left: 0; + } + .tablet-sides .timeline-item-right .timeline-item-date, + .tablet-sides .timeline-item .timeline-item-date { + text-align: left; + } + .tablet-sides .timeline-item-left, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px); + margin-right: 0; + } + .tablet-sides .timeline-item-left .timeline-item-date, + .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: right; + } +} +.timeline-horizontal { + height: 100%; + display: flex; + padding: 0; + margin: 0; + position: relative; + padding-left: var(--f7-safe-area-left); + padding-right: 0; +} +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + flex-shrink: 0; + position: relative; + height: 100%; + padding-top: var(--f7-timeline-horizontal-date-height) !important; + padding-bottom: var(--f7-timeline-horizontal-item-padding); +} +.timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date { + padding: 0px var(--f7-timeline-horizontal-item-padding); + width: auto; + text-align: left; + line-height: var(--f7-timeline-horizontal-date-height); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-timeline-horizontal-date-height); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); + text-align: right; +} +.timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-date-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-horizontal .timeline-item-date:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-timeline-horizontal-item-date-shadow-image); +} +.timeline-horizontal.no-shadow .timeline-item-date:before { + display: none; +} +.timeline-horizontal .timeline-item-content { + padding: var(--f7-timeline-horizontal-item-padding); + height: calc(100% - var(--f7-timeline-horizontal-item-padding)); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0; +} +.timeline-horizontal .timeline-item-divider { + display: none; +} +.timeline-horizontal > .timeline-item:last-child:after, +.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { + display: none !important; +} +.timeline-horizontal.col-5 .timeline-item { + width: 5vw; +} +.timeline-horizontal.col-10 .timeline-item { + width: 10vw; +} +.timeline-horizontal.col-15 .timeline-item { + width: 15vw; +} +.timeline-horizontal.col-20 .timeline-item { + width: 20vw; +} +.timeline-horizontal.col-25 .timeline-item { + width: 25vw; +} +.timeline-horizontal.col-30 .timeline-item { + width: 30vw; +} +.timeline-horizontal.col-33 .timeline-item { + width: 33.333333333333336vw; +} +.timeline-horizontal.col-35 .timeline-item { + width: 35vw; +} +.timeline-horizontal.col-40 .timeline-item { + width: 40vw; +} +.timeline-horizontal.col-45 .timeline-item { + width: 45vw; +} +.timeline-horizontal.col-50 .timeline-item { + width: 50vw; +} +.timeline-horizontal.col-55 .timeline-item { + width: 55vw; +} +.timeline-horizontal.col-60 .timeline-item { + width: 60vw; +} +.timeline-horizontal.col-65 .timeline-item { + width: 65vw; +} +.timeline-horizontal.col-66 .timeline-item { + width: 66.66666666666666vw; +} +.timeline-horizontal.col-70 .timeline-item { + width: 70vw; +} +.timeline-horizontal.col-75 .timeline-item { + width: 75vw; +} +.timeline-horizontal.col-80 .timeline-item { + width: 80vw; +} +.timeline-horizontal.col-85 .timeline-item { + width: 85vw; +} +.timeline-horizontal.col-90 .timeline-item { + width: 90vw; +} +.timeline-horizontal.col-95 .timeline-item { + width: 95vw; +} +.timeline-horizontal.col-100 .timeline-item { + width: 100vw; +} +@media (min-width: 768px) { + .timeline-horizontal.tablet-5 .timeline-item { + width: 5vw; + } + .timeline-horizontal.tablet-10 .timeline-item { + width: 10vw; + } + .timeline-horizontal.tablet-15 .timeline-item { + width: 15vw; + } + .timeline-horizontal.tablet-20 .timeline-item { + width: 20vw; + } + .timeline-horizontal.tablet-25 .timeline-item { + width: 25vw; + } + .timeline-horizontal.tablet-30 .timeline-item { + width: 30vw; + } + .timeline-horizontal.tablet-33 .timeline-item { + width: 33.333333333333336vw; + } + .timeline-horizontal.tablet-35 .timeline-item { + width: 35vw; + } + .timeline-horizontal.tablet-40 .timeline-item { + width: 40vw; + } + .timeline-horizontal.tablet-45 .timeline-item { + width: 45vw; + } + .timeline-horizontal.tablet-50 .timeline-item { + width: 50vw; + } + .timeline-horizontal.tablet-55 .timeline-item { + width: 55vw; + } + .timeline-horizontal.tablet-60 .timeline-item { + width: 60vw; + } + .timeline-horizontal.tablet-65 .timeline-item { + width: 65vw; + } + .timeline-horizontal.tablet-66 .timeline-item { + width: 66.66666666666666vw; + } + .timeline-horizontal.tablet-70 .timeline-item { + width: 70vw; + } + .timeline-horizontal.tablet-75 .timeline-item { + width: 75vw; + } + .timeline-horizontal.tablet-80 .timeline-item { + width: 80vw; + } + .timeline-horizontal.tablet-85 .timeline-item { + width: 85vw; + } + .timeline-horizontal.tablet-90 .timeline-item { + width: 90vw; + } + .timeline-horizontal.tablet-95 .timeline-item { + width: 95vw; + } + .timeline-horizontal.tablet-100 .timeline-item { + width: 100vw; + } +} +.timeline-year { + padding-top: var(--f7-timeline-year-height); +} +.timeline-year:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year:last-child:after { + display: none !important; +} +.timeline-month { + padding-top: var(--f7-timeline-month-height); +} +.timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.timeline-year, +.timeline-month { + display: flex; + flex-shrink: 0; + position: relative; + box-sizing: border-box; + height: 100%; +} +.timeline-year-title { + line-height: var(--f7-timeline-year-height); + height: var(--f7-timeline-year-height); +} +.timeline-month-title { + line-height: var(--f7-timeline-month-height); + height: var(--f7-timeline-month-height); +} +.timeline-year-title, +.timeline-month-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + padding: 0 var(--f7-timeline-horizontal-item-padding); + background-color: var(--f7-bars-bg-color, var(--f7-theme-color)); + color: var(--f7-bars-text-color); +} +.timeline-year-title span, +.timeline-month-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; + right: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right)); +} +.timeline-year-title { + font-size: 16px; +} +.timeline-month-title span { + margin-top: -2px; +} +.timeline-year:first-child .timeline-year-title, +.timeline-year:first-child .timeline-month:first-child .timeline-month-title, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title { + left: calc(var(--f7-safe-area-left) * -1); + right: 0; + width: auto; +} +.timeline-horizontal .timeline-item:first-child, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item { + overflow: visible; +} +.timeline-horizontal .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date { + width: auto; + padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); + left: calc(0px - var(--f7-safe-area-left)); + right: 0; +} +.timeline-year:last-child .timeline-year-title, +.timeline-year:last-child .timeline-month:last-child .timeline-month-title { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); +} +.timeline-horizontal .timeline-item:last-child, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible; +} +.timeline-horizontal .timeline-item:last-child .timeline-item-date, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); + left: 0; +} +/* === Timeline iOS === */ +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ios .timeline-year-title span { + margin-top: 3px; +} +/* === Timeline MD === */ +.md .timeline-year-title span { + margin-top: 2px; +} +/* === Tabs === */ +.tabs .tab { + display: none; +} +.tabs .tab-active { + display: block; +} +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +.tabs-animated-wrap > .tabs { + display: flex; + height: 100%; + transition-duration: 300ms; +} +.tabs-animated-wrap > .tabs > .tab { + width: 100%; + display: block; + flex-shrink: 0; +} +.tabs-animated-wrap.not-animated > .tabs { + transition-duration: 300ms; +} +.tabs-swipeable-wrap { + height: 100%; +} +.tabs-swipeable-wrap > .tabs { + height: 100%; +} +.tabs-swipeable-wrap > .tabs > .tab { + display: block; +} +.page > .tabs { + height: 100%; +} +/* === Panels === */ +:root { + --f7-panel-width: 260px; + --f7-panel-bg-color: #fff; +} +.ios { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} +.md { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 300ms; + --f7-panel-shadow: rgba(0, 0, 0, 0.25) 0%, + rgba(0, 0, 0, 0.1) 30%, + rgba(0, 0, 0, 0.05) 40%, + rgba(0, 0, 0, 0) 60%, + rgba(0, 0, 0, 0) 100%; +} +.panel-backdrop { + position: absolute; + left: 0; + top: var(--f7-statusbar-height); + width: 100%; + height: calc(100% - var(--f7-statusbar-height)); + opacity: 0; + z-index: 5999; + display: none; + transform: translate3d(0, 0, 0); + background-color: var(--f7-panel-backdrop-bg-color); + transition-duration: var(--f7-panel-transition-duration); + will-change: transform, opacity; +} +.panel-backdrop.not-animated { + transition-duration: 0ms !important; +} +.panel { + z-index: 1000; + display: none; + box-sizing: border-box; + position: absolute; + top: var(--f7-statusbar-height); + height: calc(100% - var(--f7-statusbar-height)); + transform: translate3d(0, 0, 0); + width: var(--f7-panel-width); + background-color: var(--f7-panel-bg-color); + overflow: visible; + will-change: transform; +} +.panel:after { + pointer-events: none; + opacity: 0; + z-index: 5999; + position: absolute; + content: ''; + top: 0; + width: 20px; + height: 100%; +} +.panel, +.panel:after { + transition-duration: var(--f7-panel-transition-duration); +} +.panel.not-animated, +.panel.not-animated:after { + transition-duration: 0ms !important; +} +.panel.panel-reveal.not-animated ~ .views, +.panel.panel-reveal.not-animated ~ .view { + transition-duration: 0ms !important; +} +.panel-cover { + z-index: 6000; +} +.panel-left { + left: 0; +} +.panel-left.panel-cover { + transform: translate3d(-100%, 0, 0); +} +.panel-left.panel-cover:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-left-cover .panel-left.panel-cover:after { + opacity: 1; +} +.panel-left.panel-reveal:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-left-reveal .panel-left.panel-reveal:after { + opacity: 1; + transform: translate3d(var(--f7-panel-width), 0, 0); +} +.panel-right { + right: 0; +} +.panel-right.panel-cover { + transform: translate3d(100%, 0, 0); +} +.panel-right.panel-cover:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)); +} +html.with-panel-right-cover .panel-right.panel-cover:after { + opacity: 1; +} +.panel-right.panel-reveal:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)); +} +html.with-panel-right-reveal .panel-right.panel-reveal:after { + opacity: 1; + transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); +} +.panel-visible-by-breakpoint { + display: block; + transform: translate3d(0, 0, 0) !important; +} +.panel-visible-by-breakpoint:after { + display: none; +} +.panel-visible-by-breakpoint.panel-cover { + z-index: 5900; +} +html.with-panel-left-reveal .views, +html.with-panel-right-reveal .views, +html.with-panel-transitioning .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-transitioning .framework7-root > .view { + transition-duration: var(--f7-panel-transition-duration); + transition-property: transform; +} +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-transitioning .panel-backdrop { + background: rgba(0, 0, 0, 0); + display: block; + opacity: 0; +} +html.with-panel .framework7-root > .views .page-content, +html.with-panel .framework7-root > .view .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto; +} +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + display: block; + opacity: 1; +} +html.with-panel-left-reveal .views, +html.with-panel-left-reveal .framework7-root > .view, +html.with-panel-left-reveal .panel-backdrop { + transform: translate3d(var(--f7-panel-width), 0, 0); +} +html.with-panel-right-reveal .views, +html.with-panel-right-reveal .framework7-root > .view, +html.with-panel-right-reveal .panel-backdrop { + transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0); +} +html.with-panel-left-cover .panel-left { + transform: translate3d(0px, 0, 0); +} +html.with-panel-right-cover .panel-right { + transform: translate3d(0px, 0, 0); +} +/* === Card === */ +:root { + --f7-card-bg-color: #fff; + --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-card-border-radius: 4px; + --f7-card-font-size: inherit; + --f7-card-header-text-color: inherit; + --f7-card-header-font-weight: 400; + --f7-card-header-border-color: #e1e1e1; + --f7-card-footer-border-color: #e1e1e1; + --f7-card-footer-font-weight: 400; + --f7-card-footer-font-size: inherit; + --f7-card-expandable-bg-color: #fff; + --f7-card-expandable-font-size: 16px; + --f7-card-expandable-tablet-width: 670px; + --f7-card-expandable-tablet-height: 670px; +} +:root .theme-dark, +:root.theme-dark { + --f7-card-bg-color: #1c1c1d; + --f7-card-outline-border-color: #282829; + --f7-card-header-border-color: #282829; + --f7-card-footer-border-color: #282829; + --f7-card-footer-text-color: #8E8E93; +} +.ios { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 17px; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 44px; + --f7-card-footer-text-color: #6d6d72; + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 44px; + --f7-card-expandable-margin-horizontal: 20px; + --f7-card-expandable-margin-vertical: 30px; + --f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --f7-card-expandable-header-font-weight: bold; +} +.md { + --f7-card-margin-horizontal: 8px; + --f7-card-margin-vertical: 8px; + --f7-card-box-shadow: var(--f7-elevation-1); + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; + --f7-card-header-font-size: 16px; + --f7-card-header-padding-vertical: 4px; + --f7-card-header-padding-horizontal: 16px; + --f7-card-header-min-height: 48px; + --f7-card-footer-text-color: #757575; + --f7-card-footer-padding-vertical: 4px; + --f7-card-footer-padding-horizontal: 16px; + --f7-card-footer-min-height: 48px; + --f7-card-expandable-margin-horizontal: 12px; + --f7-card-expandable-margin-vertical: 24px; + --f7-card-expandable-box-shadow: var(--f7-elevation-10); + --f7-card-expandable-border-radius: 8px; + --f7-card-expandable-tablet-border-radius: 4px; + --f7-card-expandable-header-font-size: 24px; + --f7-card-expandable-header-font-weight: 500; +} +.cards-list > ul:before, +.card .list > ul:before { + display: none !important; +} +.cards-list > ul:after, +.card .list > ul:after { + display: none !important; +} +.cards-list ul, +.card .list ul { + background: none; +} +.card { + background: var(--f7-card-bg-color); + position: relative; + border-radius: var(--f7-card-border-radius); + font-size: var(--f7-card-font-size); + margin-top: var(--f7-card-margin-vertical); + margin-bottom: var(--f7-card-margin-vertical); + margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)); + box-shadow: var(--f7-card-box-shadow); +} +.card .list, +.card .block { + margin: 0; +} +.row:not(.no-gap) .col > .card { + margin-left: 0; + margin-right: 0; +} +.card.no-shadow { + box-shadow: none; +} +.card-outline, +.ios .card-outline-ios, +.md .card-outline-md { + box-shadow: none; + border: 1px solid var(--f7-card-outline-border-color); +} +.card-outline.no-border, +.ios .card-outline-ios.no-border, +.md .card-outline-md.no-border, +.card-outline.no-hairlines, +.ios .card-outline-ios.no-hairlines, +.md .card-outline-md.no-hairlines { + border: none; +} +.card-content { + position: relative; +} +.card-content-padding { + position: relative; + padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal); +} +.card-content-padding > .list, +.card-content-padding > .block { + margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal)); +} +.card-content-padding > p:first-child { + margin-top: 0; +} +.card-content-padding > p:last-child { + margin-bottom: 0; +} +.card-header { + min-height: var(--f7-card-header-min-height); + color: var(--f7-card-header-text-color); + font-size: var(--f7-card-header-font-size); + font-weight: var(--f7-card-header-font-weight); + padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal); +} +.card-footer { + min-height: var(--f7-card-footer-min-height); + color: var(--f7-card-footer-text-color); + font-size: var(--f7-card-footer-font-size); + font-weight: var(--f7-card-footer-font-weight); + padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal); +} +.card-footer a.link { + overflow: hidden; +} +.card-header, +.card-footer { + position: relative; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; +} +.card-header[valign="top"], +.card-footer[valign="top"] { + align-items: flex-start; +} +.card-header[valign="bottom"], +.card-footer[valign="bottom"] { + align-items: flex-end; +} +.card-header a.link, +.card-footer a.link { + position: relative; +} +.card-header a.link i.icon, +.card-footer a.link i.icon { + display: block; +} +.card-header a.icon-only, +.card-footer a.icon-only { + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.card-header { + border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0; +} +.card-header:after { + content: ''; + position: absolute; + background-color: var(--f7-card-header-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-header.no-hairline:after { + display: none !important; +} +.card-footer { + border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius); +} +.card-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-card-footer-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.card-footer.no-hairline:before { + display: none !important; +} +.card-expandable { + overflow: hidden; + height: 300px; + background: var(--f7-card-expandable-bg-color); + position: relative; + transform-origin: center center; + transition-property: transform, border-radius; + border-radius: var(--f7-card-expandable-border-radius); + z-index: 2; + transition-duration: 200ms; + margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)); + margin-top: var(--f7-card-expandable-margin-vertical); + margin-bottom: var(--f7-card-expandable-margin-vertical); + box-shadow: var(--f7-card-expandable-box-shadow); + font-size: var(--f7-card-expandable-font-size); +} +.card-expandable.card-no-transition { + transition-duration: 0ms; +} +.card-expandable.card-expandable-animate-width .card-content { + transition-property: width, transform; + width: 100%; +} +.card-expandable.active-state { + transform: scale(0.97); +} +.card-expandable .card-opened-fade-in, +.card-expandable .card-opened-fade-out { + transition-duration: 400ms; +} +.card-expandable .card-opened-fade-in { + opacity: 0; + pointer-events: none; +} +.card-expandable .card-content { + position: absolute; + top: 0; + width: 100vw; + height: 100vh; + transform-origin: center top; + overflow: hidden; + transition-property: transform; + box-sizing: border-box; + pointer-events: none; + right: 0; +} +.card-expandable .card-content .card-content-padding { + padding-left: calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal)); + padding-right: calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal)); +} +.card-expandable.card-opened { + transition-duration: 0ms; +} +.card-expandable.card-opening, +.card-expandable.card-closing, +.card-expandable.card-transitioning { + transition-duration: 400ms; +} +.card-expandable.card-opening .card-content { + transition-duration: 300ms; +} +.card-expandable.card-closing .card-content { + transition-duration: 500ms; +} +.card-expandable.card-opening, +.card-expandable.card-opened, +.card-expandable.card-closing { + z-index: 100; +} +.card-expandable.card-opening, +.card-expandable.card-opened { + border-radius: 0; +} +.card-expandable.card-opening .card-opened-fade-in, +.card-expandable.card-opened .card-opened-fade-in { + opacity: 1; + pointer-events: auto; +} +.card-expandable.card-opening .card-opened-fade-out, +.card-expandable.card-opened .card-opened-fade-out { + opacity: 0; + pointer-events: none; +} +.card-expandable.card-opened .card-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + pointer-events: auto; +} +.card-expandable .card-header { + font-size: var(--f7-card-expandable-header-font-size); + font-weight: var(--f7-card-expandable-header-font-weight); +} +.card-expandable .card-header:after { + display: none !important; +} +.card-expandable-size { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + opacity: 0; + pointer-events: none; + visibility: hidden; +} +@media (min-width: 768px) and (min-height: 670px) { + .card-expandable:not(.card-tablet-fullscreen) { + max-width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen).card-opened, + .card-expandable:not(.card-tablet-fullscreen).card-opening { + border-radius: var(--f7-card-expandable-tablet-border-radius); + } + .card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content { + width: var(--f7-card-expandable-tablet-width); + } + .card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { + width: var(--f7-card-expandable-tablet-width); + height: var(--f7-card-expandable-tablet-height); + } +} +.page.page-with-card-opened .page-content { + overflow: hidden; +} +.card-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 99; + pointer-events: none; + background: rgba(0, 0, 0, 0.2); + opacity: 0; +} +.card-backdrop-in { + animation: card-backdrop-fade-in 400ms forwards; + pointer-events: auto; +} +.card-backdrop-out { + animation: card-backdrop-fade-out 400ms forwards; +} +@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) { + .card-backdrop { + background: transparent; + opacity: 1; + } + .card-backdrop-in { + animation: card-backdrop-blur-in 400ms forwards; + } + .card-backdrop-out { + animation: card-backdrop-blur-out 400ms forwards; + } +} +@keyframes card-backdrop-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes card-backdrop-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes card-backdrop-blur-in { + from { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } + to { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } +} +@keyframes card-backdrop-blur-out { + from { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + } + to { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + } +} +/* === Chips === */ +:root { + --f7-chip-bg-color: rgba(0, 0, 0, 0.12); + --f7-chip-font-size: 13px; + --f7-chip-font-weight: normal; + --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-chip-media-font-size: 16px; + --f7-chip-delete-button-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-chip-delete-button-color: #fff; + --f7-chip-bg-color: #333; + --f7-chip-outline-border-color: #333; +} +.ios { + --f7-chip-text-color: #000; + --f7-chip-height: 24px; + --f7-chip-padding-horizontal: 10px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-chip-text-color: #fff; +} +.md { + --f7-chip-text-color: rgba(0, 0, 0, 0.87); + --f7-chip-height: 32px; + --f7-chip-padding-horizontal: 12px; +} +.md .theme-dark, +.md.theme-dark { + --f7-chip-text-color: rgba(255, 255, 255, 0.87); +} +.chip { + padding-left: var(--f7-chip-padding-horizontal); + padding-right: var(--f7-chip-padding-horizontal); + font-weight: var(--f7-chip-font-weight); + display: inline-flex; + box-sizing: border-box; + vertical-align: middle; + align-items: center; + margin: 2px 0; + background-color: var(--f7-chip-bg-color); + font-size: var(--f7-chip-font-size); + color: var(--f7-chip-text-color); + height: var(--f7-chip-height); + line-height: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + position: relative; +} +.chip-media { + border-radius: 50%; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + height: var(--f7-chip-height); + width: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + text-align: center; + line-height: var(--f7-chip-height); + box-sizing: border-box; + color: #fff; + font-size: var(--f7-chip-media-font-size); + vertical-align: middle; + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.chip-media i.icon { + font-size: calc(var(--f7-chip-height) - 8px); + height: calc(var(--f7-chip-height) - 8px); +} +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block; +} +.chip-media + .chip-label { + margin-right: 4px; +} +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + flex-shrink: 1; + min-width: 0; +} +.chip-delete { + text-align: center; + cursor: pointer; + flex-shrink: 0; + background-repeat: no-repeat; + width: 24px; + height: 24px; + color: var(--f7-chip-delete-button-color); + opacity: 0.54; + position: relative; +} +.chip-delete:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + content: 'delete_round_ios'; + line-height: 24px; +} +.chip .chip-delete.active-state { + opacity: 1; +} +.chip-outline, +.ios .chip-outline-ios, +.md .chip-outline-md { + border: 1px solid var(--f7-chip-outline-border-color); + background: none; +} +.chip[class*="color-"] { + --f7-chip-bg-color: var(--f7-theme-color); + --f7-chip-text-color: #fff; +} +.chip-outline[class*="color-"], +.ios .chip-outline-ios[class*="color-"], +.md .chip-outline-md[class*="color-"] { + --f7-chip-outline-border-color: var(--f7-theme-color); + --f7-chip-text-color: var(--f7-theme-color); +} +.ios .chip-delete { + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.ios .chip-delete:after { + font-size: 10px; +} +.md .chip-label + .chip-delete { + margin-right: 4px; +} +.md .chip-delete { + margin-left: calc(-1 * var(--f7-chip-padding-horizontal) + 4px); +} +.md .chip-delete:after { + font-size: 12px; +} +/* === Form === */ +/* === Input === */ +:root { + --f7-label-font-size: 12px; + --f7-label-font-weight: 400; + --f7-label-line-height: 1.2; + --f7-input-error-text-color: #ff3b30; + --f7-input-error-font-size: 12px; + --f7-input-error-line-height: 1.4; + --f7-input-error-font-weight: 400; + --f7-input-info-font-size: 12px; + --f7-input-info-line-height: 1.4; +} +.ios { + --f7-input-height: 44px; + --f7-input-text-color: #000000; + --f7-input-font-size: 17px; + --f7-input-placeholder-color: #a9a9a9; + /* + --f7-input-focused-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-border-color: var(--f7-list-item-border-color); + --f7-input-invalid-text-color: var(--f7-input-error-text-color); + */ + --f7-label-text-color: inherit; + /* + --f7-label-focused-text-color: var(--f7-label-text-color); + --f7-label-invalid-text-color: var(--f7-label-text-color); + */ + --f7-floating-label-scale: calc(17 / 12); + --f7-inline-label-font-size: 17px; + --f7-inline-label-line-height: 1.4; + --f7-input-info-text-color: #8e8e93; + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #8e8e93; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-input-text-color: #fff; +} +.md { + --f7-input-height: 36px; + --f7-input-text-color: #212121; + --f7-input-font-size: 16px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + /* + --f7-input-focused-border-color: var(--f7-theme-color); + --f7-input-invalid-border-color: var(--f7-input-error-text-color); + --f7-input-invalid-text-color: var(--f7-input-text-color); + */ + --f7-label-text-color: rgba(0, 0, 0, 0.65); + /* + --f7-label-focused-text-color: var(--f7-theme-color); + --f7-label-invalid-text-color: var(--f7-input-error-text-color ); + */ + --f7-floating-label-scale: calc(16 / 12); + --f7-inline-label-font-size: 16px; + --f7-inline-label-line-height: 1.5; + --f7-input-info-text-color: rgba(0, 0, 0, 0.45); + --f7-input-clear-button-size: 24px; + --f7-input-clear-button-color: #aaa; +} +.md .theme-dark, +.md.theme-dark { + --f7-input-text-color: rgba(255, 255, 255, 0.87); + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-label-text-color: rgba(255, 255, 255, 0.54); + --f7-input-info-text-color: rgba(255, 255, 255, 0.35); +} +input[type="text"], +input[type="password"], +input[type="search"], +input[type="email"], +input[type="tel"], +input[type="url"], +input[type="date"], +input[type="datetime-local"], +input[type="time"], +input[type="number"], +select, +textarea { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: none; + resize: none; + font-size: inherit; + color: inherit; +} +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden; +} +.list input[type="text"], +.list input[type="password"], +.list input[type="search"], +.list input[type="email"], +.list input[type="tel"], +.list input[type="url"], +.list input[type="date"], +.list input[type="datetime-local"], +.list input[type="time"], +.list input[type="number"], +.list select { + width: 100%; + height: var(--f7-input-height); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); +} +.list input[type="text"]::-webkit-input-placeholder, +.list input[type="password"]::-webkit-input-placeholder, +.list input[type="search"]::-webkit-input-placeholder, +.list input[type="email"]::-webkit-input-placeholder, +.list input[type="tel"]::-webkit-input-placeholder, +.list input[type="url"]::-webkit-input-placeholder, +.list input[type="date"]::-webkit-input-placeholder, +.list input[type="datetime-local"]::-webkit-input-placeholder, +.list input[type="time"]::-webkit-input-placeholder, +.list input[type="number"]::-webkit-input-placeholder, +.list select::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-moz-placeholder, +.list input[type="password"]::-moz-placeholder, +.list input[type="search"]::-moz-placeholder, +.list input[type="email"]::-moz-placeholder, +.list input[type="tel"]::-moz-placeholder, +.list input[type="url"]::-moz-placeholder, +.list input[type="date"]::-moz-placeholder, +.list input[type="datetime-local"]::-moz-placeholder, +.list input[type="time"]::-moz-placeholder, +.list input[type="number"]::-moz-placeholder, +.list select::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::-ms-input-placeholder, +.list input[type="password"]::-ms-input-placeholder, +.list input[type="search"]::-ms-input-placeholder, +.list input[type="email"]::-ms-input-placeholder, +.list input[type="tel"]::-ms-input-placeholder, +.list input[type="url"]::-ms-input-placeholder, +.list input[type="date"]::-ms-input-placeholder, +.list input[type="datetime-local"]::-ms-input-placeholder, +.list input[type="time"]::-ms-input-placeholder, +.list input[type="number"]::-ms-input-placeholder, +.list select::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list input[type="text"]::placeholder, +.list input[type="password"]::placeholder, +.list input[type="search"]::placeholder, +.list input[type="email"]::placeholder, +.list input[type="tel"]::placeholder, +.list input[type="url"]::placeholder, +.list input[type="date"]::placeholder, +.list input[type="datetime-local"]::placeholder, +.list input[type="time"]::placeholder, +.list input[type="number"]::placeholder, +.list select::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea { + width: 100%; + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + resize: none; + line-height: 1.4; + height: 100px; +} +.list textarea::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-moz-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::-ms-input-placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea::placeholder { + color: var(--f7-input-placeholder-color); +} +.list textarea.resizable { + height: var(--f7-input-height); +} +.list input[type="datetime-local"] { + max-width: 50vw; +} +.list input[type="date"], +.list input[type="datetime-local"] { + line-height: var(--f7-input-height); +} +.list input[type="date"], +.list input[type="datetime-local"] { + text-align: right; + flex-direction: row-reverse; + width: auto; +} +.list .item-label, +.list .item-floating-label { + width: 100%; + vertical-align: top; + flex-shrink: 0; + font-size: var(--f7-label-font-size); + font-weight: var(--f7-label-font-weight); + line-height: var(--f7-label-line-height); + color: var(--f7-label-text-color); + transition-duration: 200ms; + transition-property: transform, color; +} +.list .item-floating-label { + transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + color: var(--f7-input-placeholder-color); + width: auto; + max-width: calc(100% / var(--f7-floating-label-scale)); + pointer-events: none; + transform-origin: right bottom; +} +.list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-moz-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea::placeholder { + opacity: 0; + transition-duration: 100ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-moz-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-floating-label ~ .item-input-wrap input.input-focused::placeholder, +.list .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + transition-duration: 300ms; +} +.list .item-input-with-value .item-floating-label { + color: var(--f7-label-text-color); +} +.list .item-input-with-value .item-floating-label, +.list .item-input-focused .item-floating-label { + transform: scale(1) translateY(0); +} +.list .item-input-wrap { + width: 100%; + flex-shrink: 1; + position: relative; +} +.item-input .item-inner { + display: block; +} +.item-input-error-message, +.input-error-message { + font-size: var(--f7-input-error-font-size); + line-height: var(--f7-input-error-line-height); + color: var(--f7-input-error-text-color); + font-weight: var(--f7-input-error-font-weight); + display: none; +} +.item-input-info, +.input-info { + font-size: var(--f7-input-info-font-size); + line-height: var(--f7-input-info-line-height); + color: var(--f7-input-info-text-color); +} +.item-input-invalid .item-input-error-message, +.input-invalid .item-input-error-message, +.item-input-invalid .input-error-message, +.input-invalid .input-error-message { + display: block; +} +.item-input-invalid .item-input-info, +.input-invalid .item-input-info, +.item-input-invalid .input-info, +.input-invalid .input-info { + display: none; +} +.inline-labels .item-inner, +.inline-label .item-inner { + display: flex; +} +.inline-labels .item-label, +.inline-label .item-label, +.inline-labels .item-floating-label, +.inline-label .item-floating-label { + align-self: flex-start; + width: 35%; + font-size: var(--f7-inline-label-font-size); + line-height: var(--f7-inline-label-line-height); +} +.inline-labels .item-label + .item-input-wrap, +.inline-label .item-label + .item-input-wrap, +.inline-labels .item-floating-label + .item-input-wrap, +.inline-label .item-floating-label + .item-input-wrap { + margin-right: 8px; +} +.input { + position: relative; +} +.input input, +.input select, +.input textarea { + width: 100%; +} +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + transition-duration: 100ms; + position: absolute; + top: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: none; + width: var(--f7-input-clear-button-size); + height: var(--f7-input-clear-button-size); + margin-top: calc(-1 * var(--f7-input-clear-button-size) / 2); + color: var(--f7-input-clear-button-color); + left: 0; +} +.input-clear-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.item-input-wrap .input-clear-button { + top: calc(var(--f7-input-height) / 2); +} +.input-with-value ~ .input-clear-button, +.item-input-with-value .input-clear-button, +.input-with-value .input-clear-button { + opacity: 1; + pointer-events: auto; + visibility: visible; +} +.input-dropdown-wrap, +.input-dropdown { + position: relative; +} +.input-dropdown-wrap:before, +.input-dropdown:before { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #727272; + left: 6px; +} +.input-dropdown-wrap select, +.input-dropdown select, +.input-dropdown-wrap input, +.input-dropdown input, +.input-dropdown-wrap textarea, +.input-dropdown textarea { + padding-right: 20px; +} +.ios .list textarea { + padding-top: 11px; + padding-bottom: 11px; +} +.ios .item-label + .item-input-wrap, +.ios .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.ios .item-input .item-media { + align-self: flex-start; +} +.ios .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); + margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-label, +.ios .inline-label .item-label, +.ios .inline-labels .item-floating-label, +.ios .inline-label .item-floating-label { + padding-top: 3px; +} +.ios .inline-labels .item-label + .item-input-wrap, +.ios .inline-label .item-label + .item-input-wrap, +.ios .inline-labels .item-floating-label + .item-input-wrap, +.ios .inline-label .item-floating-label + .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .inline-labels .item-input-wrap, +.ios .inline-label .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); +} +.ios .item-input-error-message, +.ios .item-input-info, +.ios .input-error-message, +.ios .input-info { + position: relative; + margin-bottom: 6px; + margin-top: -8px; +} +.ios .item-input-focused .item-label, +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.ios .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid .item-label, +.ios .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.ios .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.ios .item-input-invalid input, +.ios .input-invalid input, +.ios .item-input-invalid select, +.ios .input-invalid select, +.ios .item-input-invalid textarea, +.ios .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.ios .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .list textarea { + padding-top: 7px; + padding-bottom: 7px; +} +.md .item-input-wrap:after, +.md .input:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.md .item-input-wrap:after, +.md .input:after { + transition-duration: 200ms; +} +.md .item-input-wrap { + min-height: var(--f7-input-height); +} +.md .item-input .item-media { + align-self: flex-end; +} +.md .item-input .item-inner:after { + display: none !important; +} +.md .inline-labels .item-media, +.md .inline-label .item-media { + align-self: flex-start; + padding-top: 14px; +} +.md .inline-labels .item-label, +.md .inline-label .item-label, +.md .inline-labels .item-floating-label, +.md .inline-label .item-floating-label { + padding-top: 7px; +} +.md .item-input-with-error-message, +.md .item-input-with-info, +.md .input-with-error-message, +.md .input-with-info { + padding-bottom: 20px; +} +.md .item-input-error-message, +.md .item-input-info, +.md .input-error-message, +.md .input-info { + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + right: 0; +} +.md .item-input-focused .item-label, +.md .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-theme-color)); +} +.md .item-input-focused .item-input-wrap:after, +.md .input-focused:after { + background: var(--f7-input-focused-border-color, var(--f7-theme-color)); +} +.md .item-input-invalid .item-input-wrap:after, +.md .item-input-focused .item-input-wrap:after, +.md .input-invalid:after, +.md .input-focused:after { + transform: scaleY(2) !important; +} +.md .item-input-invalid .item-input-wrap:after, +.md .input-invalid:after { + background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid .item-label, +.md .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color)); +} +.md .item-input-invalid input, +.md .input-invalid input, +.md .item-input-invalid select, +.md .input-invalid select, +.md .item-input-invalid textarea, +.md .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-text-color)); +} +.md .input-clear-button:after { + font-size: calc(var(--f7-input-clear-button-size) / (24 / 20)); + content: 'delete_round_md'; + line-height: 1.2; +} +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px; +} +/* === Checkbox === */ +:root { + /* --f7-checkbox-active-color: var(--f7-theme-color); */ + --f7-checkbox-icon-color: #fff; +} +.ios { + --f7-checkbox-size: 22px; + --f7-checkbox-border-radius: 50%; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #c7c7cc; + --f7-checkbox-extra-margin: 0px; +} +.md { + --f7-checkbox-size: 18px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 2px; + --f7-checkbox-inactive-color: #6d6d6d; + --f7-checkbox-extra-margin: 22px; +} +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + background-color: transparent; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-checkbox, +.checkbox i { + flex-shrink: 0; + border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color); + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + border-radius: var(--f7-checkbox-border-radius); + box-sizing: border-box; + position: relative; + display: block; +} +.icon-checkbox:after, +.checkbox i:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + line-height: var(--f7-checkbox-size); + left: calc(0px - var(--f7-checkbox-border-width)); + top: calc(0px - var(--f7-checkbox-border-width)); + opacity: 0; + color: var(--f7-checkbox-icon-color); + position: relative; +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:checked ~ i { + border-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); + background-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); +} +label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:checked ~ i:after { + opacity: 1; +} +label.item-checkbox, +.checkbox { + cursor: pointer; +} +label.item-checkbox input[type="checkbox"], +.checkbox input[type="checkbox"], +label.item-checkbox input[type="radio"], +.checkbox input[type="radio"] { + display: none; +} +label.item-checkbox { + transition-duration: 300ms; +} +label.item-checkbox .item-content .item-media, +label.item-checkbox.item-content .item-media { + align-self: center; +} +label.item-checkbox > .icon-checkbox { + margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +label.item-checkbox.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-checkbox.active-state:after { + background-color: transparent; +} +label.item-checkbox.disabled, +.disabled label.item-checkbox { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-checkbox:after, +.ios .checkbox i:after { + content: 'checkbox_ios'; + font-size: 21px; +} +.ios label.item-checkbox.active-state { + transition-duration: 0ms; +} +.md .icon-checkbox, +.md .checkbox i { + transition-duration: 200ms; +} +.md .icon-checkbox:after, +.md .checkbox i:after { + content: 'checkbox_md'; + transition-duration: 200ms; + font-size: 15px; +} +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} +/* === Radio === */ +:root { + /* + --f7-radio-active-color: var(--f7-theme-color); + */ + --f7-radio-border-radius: 50%; +} +.ios { + --f7-radio-size: 22px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #c7c7cc; + --f7-radio-extra-margin: 0px; +} +.md { + --f7-radio-size: 20px; + --f7-radio-border-width: 2px; + --f7-radio-inactive-color: #6d6d6d; + --f7-radio-extra-margin: 22px; +} +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5); +} +.icon-radio { + width: var(--f7-radio-size); + height: var(--f7-radio-size); + border-radius: var(--f7-radio-border-radius); + position: relative; + box-sizing: border-box; + display: block; + flex-shrink: 0; +} +.radio .icon-radio, +.md .icon-radio { + border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); +} +label.item-radio, +.radio { + cursor: pointer; +} +label.item-radio input[type="checkbox"], +.radio input[type="checkbox"], +label.item-radio input[type="radio"], +.radio input[type="radio"] { + display: none; +} +label.item-radio { + transition-duration: 300ms; +} +label.item-radio .item-content .item-media, +label.item-radio.item-content .item-media { + align-self: center; +} +label.item-radio.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +label.item-radio.active-state:after { + background-color: transparent; +} +label.item-radio.disabled, +.disabled label.item-radio { + opacity: 0.55; + pointer-events: none; + opacity: 0.55 !important; + pointer-events: none !important; +} +.ios .icon-radio:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px); + font-size: 20px; + content: 'radio_ios'; + color: var(--f7-radio-active-color, var(--f7-theme-color)); + opacity: 0; +} +.ios label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.ios .radio input[type="radio"]:checked ~ .icon-radio:after { + opacity: 1; +} +.ios .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.ios label.item-radio input[type="radio"] ~ .icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + left: calc(var(--f7-safe-area-left) + 10px); +} +.ios label.item-radio .item-inner { + padding-left: calc(var(--f7-safe-area-left) + 35px); +} +.ios label.item-radio.active-state { + transition-duration: 0ms; +} +.md .icon-radio { + transition-duration: 200ms; +} +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + border-radius: 50%; + transform: scale(0); + transition-duration: 200ms; +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.md .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.md .radio input[type="radio"]:checked ~ .icon-radio:after { + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + transform: scale(1); +} +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.md label.item-radio > .icon-radio { + margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)); +} +/* === Toggle === */ +.ios { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 52px; + --f7-toggle-height: 32px; + --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-inactive-color: #fff; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-toggle-border-color-ios: #555; + --f7-toggle-inactive-color: #222; +} +.md { + --f7-toggle-handle-color: #fff; + --f7-toggle-width: 36px; + --f7-toggle-height: 14px; + --f7-toggle-inactive-color: #b0afaf; +} +.md .theme-dark, +.md.theme-dark { + --f7-toggle-inactive-color: #555; +} +.toggle, +.toggle-icon { + width: var(--f7-toggle-width); + height: var(--f7-toggle-height); + border-radius: var(--f7-toggle-height); +} +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + box-sizing: border-box; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle input[type="checkbox"] { + display: none; +} +.toggle input[disabled] ~ .toggle-icon { + pointer-events: none; +} +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + transition: 300ms; + box-sizing: border-box; + display: block; + cursor: pointer; +} +.toggle-icon:before, +.toggle-icon:after { + content: ''; + will-change: transform; +} +.toggle-icon:after { + background: var(--f7-toggle-handle-color); + position: absolute; + z-index: 2; + transform: translateX(0px); + transition-duration: 300ms; +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height)))); +} +.ios .toggle-icon { + background: var(--f7-toggle-border-color-ios); +} +.ios .toggle-icon:before { + position: absolute; + right: 2px; + top: 2px; + width: calc(var(--f7-toggle-width) - 4px); + height: calc(var(--f7-toggle-height) - 4px); + border-radius: var(--f7-toggle-height); + box-sizing: border-box; + background: var(--f7-toggle-inactive-color); + z-index: 1; + transition-duration: 300ms; + transform: scale(1); +} +.ios .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + right: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + border-radius: calc(var(--f7-toggle-height) - 4px); +} +.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before { + transform: scale(0); +} +.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after { + width: calc(var(--f7-toggle-height) + 4px); +} +.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, rgba(var(--f7-theme-color-rgb), 0.5)); +} +.md .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px))); + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.md .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.md .toggle-icon:after { + height: calc(var(--f7-toggle-height) + 6px); + width: calc(var(--f7-toggle-height) + 6px); + top: -3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + border-radius: var(--f7-toggle-height); + right: 0; +} +/* === Range Slider === */ +.ios { + --f7-range-size: 28px; + --f7-range-bar-bg-color: #b7b8b7; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 1px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 28px; + --f7-range-knob-color: #fff; + --f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + --f7-range-label-size: 20px; + --f7-range-label-text-color: #000; + --f7-range-label-bg-color: #fff; + --f7-range-label-font-size: 12px; + --f7-range-label-border-radius: 5px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 1px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.md { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #b9b9b9; + /* + --f7-range-bar-active-bg-color: var(--f7-theme-color); + */ + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 0px; + --f7-range-knob-size: 12px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 26px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-border-radius: 50%; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-step-height: 5px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-text-color: #666; + --f7-range-scale-label-offset: 4px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.range-slider { + display: block; + position: relative; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.range-slider input[type="range"] { + display: none; +} +.range-slider.range-slider-horizontal { + width: 100%; + height: var(--f7-range-size); +} +.range-slider.range-slider-vertical { + height: 100%; + width: var(--f7-range-size); +} +.range-bar { + position: absolute; + overflow: hidden; + background: var(--f7-range-bar-bg-color); + border-radius: var(--f7-range-bar-border-radius); +} +.range-slider-vertical .range-bar { + left: 50%; + top: 0; + height: 100%; + width: var(--f7-range-bar-size); + margin-left: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-slider-horizontal .range-bar { + left: 0; + top: 50%; + width: 100%; + height: var(--f7-range-bar-size); + margin-top: calc(-1 * var(--f7-range-bar-size) / 2); +} +.range-bar-active { + position: absolute; + background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color)); +} +.range-slider-horizontal .range-bar-active { + right: 0; + top: 0; + height: 100%; +} +.range-slider-vertical .range-bar-active { + left: 0; + bottom: 0; + width: 100%; +} +.range-slider-vertical-reversed .range-bar-active { + top: 0; + bottom: auto; +} +.range-knob-wrap { + z-index: 20; + position: absolute; + height: var(--f7-range-knob-size); + width: var(--f7-range-knob-size); +} +.range-slider-horizontal .range-knob-wrap { + top: 50%; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); + margin-right: calc(-1 * var(--f7-range-knob-size) / 2); + right: 0; +} +.range-slider-vertical .range-knob-wrap { + left: 50%; + margin-left: calc(-1 * var(--f7-range-knob-size) / 2); + bottom: 0; + margin-bottom: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-slider-vertical-reversed .range-knob-wrap { + bottom: auto; + top: 0; + margin-bottom: 0; + margin-top: calc(-1 * var(--f7-range-knob-size) / 2); +} +.range-knob { + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color))); + box-shadow: var(--f7-range-knob-box-shadow); +} +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + transition-duration: 120ms; + transition-property: transform; + transform: translateY(100%) scale(0); + height: var(--f7-range-label-size); + line-height: var(--f7-range-label-size); + min-width: var(--f7-range-label-size); + color: var(--f7-range-label-text-color); + background-color: var(--f7-range-label-bg-color, var(--f7-theme-color)); + font-size: var(--f7-range-label-font-size); + border-radius: var(--f7-range-label-border-radius); +} +.range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.range-scale { + position: absolute; +} +.range-slider-horizontal .range-scale { + top: 50%; + left: 0; + width: 100%; + margin-top: calc(var(--f7-range-bar-size) / 2); +} +.range-slider-vertical .range-scale { + right: 50%; + top: 0; + height: 100%; + margin-right: calc(var(--f7-range-bar-size) / 2); +} +.range-scale-step { + position: absolute; + box-sizing: border-box; + display: flex; + font-size: var(--f7-range-scale-font-size); + font-weight: var(--f7-range-scale-font-weight); + color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color)); + line-height: 1; +} +.range-scale-step:before { + content: ''; + position: absolute; + background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color)); +} +.range-slider-horizontal .range-scale-step { + justify-content: center; + align-items: flex-start; + width: var(--f7-range-scale-step-width); + height: var(--f7-range-scale-step-height); + padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + top: 0; + margin-right: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-horizontal .range-scale-step:before { + left: 0; + top: 0; + width: 100%; + height: var(--f7-range-scale-step-height); +} +.range-slider-horizontal .range-scale-step:first-child { + margin-right: 0; +} +.range-slider-horizontal .range-scale-step:last-child { + margin-right: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step { + line-height: 1; + justify-content: flex-end; + align-items: center; + height: var(--f7-range-scale-step-width); + width: var(--f7-range-scale-step-height); + padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + right: 0; + margin-bottom: calc(-1 * var(--f7-range-scale-step-width) / 2); +} +.range-slider-vertical .range-scale-step:first-child { + margin-bottom: 0; +} +.range-slider-vertical .range-scale-step:last-child { + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)); +} +.range-slider-vertical .range-scale-step:before { + right: 0; + top: 0; + height: 100%; + width: var(--f7-range-scale-step-height); +} +.range-scale-substep { + --f7-range-scale-step-bg-color: var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color)); + --f7-range-scale-step-width: var(--f7-range-scale-substep-width); + --f7-range-scale-step-height: var(--f7-range-scale-substep-height); +} +.ios .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.ios .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} +.md .range-knob { + transition-duration: 200ms; + transition-property: transform, background-color; +} +.md .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .range-slider-min:not(.range-slider-dual) .range-knob { + background: #fff !important; + border: 2px solid var(--f7-range-bar-bg-color); +} +.md .range-knob-label { + width: var(--f7-range-label-size); + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + margin-bottom: 8px; +} +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: calc(-1 * var(--f7-range-label-size) / 2); + position: absolute; + z-index: -1; + width: var(--f7-range-label-size); + height: var(--f7-range-label-size); + background: var(--f7-range-label-bg-color, var(--f7-theme-color)); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0; +} +.md .range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1); +} +.md .range-slider-label .range-knob-active-state .range-knob { + transform: scale(0); +} +/* === Stepper === */ +:root { + /* + --f7-stepper-button-text-color: var(--f7-theme-color); + --f7-stepper-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + */ + --f7-stepper-fill-button-text-color: #fff; + /* + --f7-stepper-fill-button-bg-color: var(--f7-theme-color); + */ + --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); +} +.ios { + --f7-stepper-height: 29px; + --f7-stepper-border-radius: 5px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-border-width: 1px; + --f7-stepper-large-height: 44px; + --f7-stepper-small-height: 26px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-value-font-size: 17px; + --f7-stepper-value-font-weight: 400; +} +.md { + --f7-stepper-height: 36px; + --f7-stepper-border-radius: 4px; + --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 48px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-small-height: 28px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} +.md .theme-dark, +.md.theme-dark { + --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +.stepper { + display: inline-flex; + align-items: stretch; + height: var(--f7-stepper-height); + border-radius: var(--f7-stepper-border-radius); +} +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + background-color: var(--f7-stepper-button-bg-color); + width: 40px; + border-radius: var(--f7-stepper-border-radius); + border: var(--f7-stepper-border-width) solid var(--f7-theme-color); + color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px)); + text-align: center; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; + position: relative; + cursor: pointer; +} +.stepper-button.active-state, +.stepper-button-minus.active-state, +.stepper-button-plus.active-state { + background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color))); +} +.stepper-button:first-child, +.stepper-button-minus:first-child, +.stepper-button-plus:first-child { + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0; +} +.stepper-button:last-child, +.stepper-button-minus:last-child, +.stepper-button-plus:last-child { + border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius); +} +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none; +} +.stepper-button + .stepper-button, +.stepper-button-minus + .stepper-button, +.stepper-button-plus + .stepper-button, +.stepper-button + .stepper-button-minus, +.stepper-button-minus + .stepper-button-minus, +.stepper-button-plus + .stepper-button-minus, +.stepper-button + .stepper-button-plus, +.stepper-button-minus + .stepper-button-plus, +.stepper-button-plus + .stepper-button-plus { + border-right: none; +} +.stepper-button-plus, +.stepper-button-minus { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.stepper-button-plus:after, +.stepper-button-minus:after, +.stepper-button-plus:before, +.stepper-button-minus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); +} +.stepper-button-plus:after, +.stepper-button-minus:after { + width: 15px; + height: 2px; +} +.stepper-button-plus:before { + height: 15px; + width: 2px; +} +.stepper-value { + display: flex; + align-content: center; + align-items: center; + justify-content: center; +} +.stepper-input-wrap, +.stepper-value { + flex-shrink: 1; + text-align: center; + border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color); + border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color); +} +.stepper-input-wrap input, +.stepper-value { + width: 45px; + color: var(--f7-theme-color); + font-size: var(--f7-stepper-value-font-size); + font-weight: var(--f7-stepper-value-font-weight); + text-align: center; +} +.stepper-input-wrap input { + height: 100%; +} +.stepper-round, +.ios .stepper-round-ios, +.md .stepper-round-md { + --f7-stepper-border-radius: var(--f7-stepper-height); +} +.stepper-fill, +.ios .stepper-fill-ios, +.md .stepper-fill-md { + --f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color)); + --f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.stepper-fill .stepper-button + .stepper-button, +.ios .stepper-fill-ios .stepper-button + .stepper-button, +.md .stepper-fill-md .stepper-button + .stepper-button, +.stepper-raised .stepper-button + .stepper-button, +.ios .stepper-raised-ios .stepper-button + .stepper-button, +.md .stepper-raised-md .stepper-button + .stepper-button, +.stepper-fill .stepper-button-minus + .stepper-button-plus, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus, +.stepper-raised .stepper-button-minus + .stepper-button-plus, +.ios .stepper-raised-ios .stepper-button-minus + .stepper-button-plus, +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-fill .stepper-button + .stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button + .stepper-button.active-state, +.md .stepper-fill-md .stepper-button + .stepper-button.active-state, +.stepper-fill .stepper-button-minus + .stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state { + border-right-color: var(--f7-stepper-button-pressed-bg-color); +} +.stepper-raised:not(.stepper-fill) .stepper-input-wrap, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap, +.stepper-raised:not(.stepper-fill) .stepper-value, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.stepper-large, +.ios .stepper-large-ios, +.md .stepper-large-md { + --f7-stepper-height: var(--f7-stepper-large-height); +} +.stepper-small, +.ios .stepper-small-ios, +.md .stepper-small-md { + --f7-stepper-border-width: var(--f7-stepper-small-border-width); + --f7-stepper-height: var(--f7-stepper-small-height); +} +.ios .stepper-fill.stepper-small-ios, +.ios .stepper-fill.stepper-small { + --f7-stepper-button-pressed-bg-color: transparent; + --f7-stepper-button-pressed-text-color: var(--f7-theme-color); +} +.stepper-raised, +.ios .stepper-raised-ios, +.md .stepper-raised-md { + --f7-stepper-border-width: 0; + box-shadow: var(--f7-stepper-raised-box-shadow); +} +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px; +} +.ios .stepper-fill, +.ios .stepper-fill-ios { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .stepper-small.stepper-raised, +.ios .stepper-small-ios.stepper-raised, +.ios .stepper-small.stepper-raised-ios, +.ios .stepper-small-ios.stepper-raised-ios { + --f7-stepper-border-width: 0px; +} +.ios .stepper-small .stepper-button, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button-plus { + transition-duration: 200ms; +} +.ios .stepper-small .stepper-button.active-state:after, +.ios .stepper-small-ios .stepper-button.active-state:after, +.ios .stepper-small .stepper-button-minus.active-state:after, +.ios .stepper-small-ios .stepper-button-minus.active-state:after, +.ios .stepper-small .stepper-button-plus.active-state:after, +.ios .stepper-small-ios .stepper-button-plus.active-state:after, +.ios .stepper-small .stepper-button.active-state:before, +.ios .stepper-small-ios .stepper-button.active-state:before, +.ios .stepper-small .stepper-button-minus.active-state:before, +.ios .stepper-small-ios .stepper-button-minus.active-state:before, +.ios .stepper-small .stepper-button-plus.active-state:before, +.ios .stepper-small-ios .stepper-button-plus.active-state:before { + transition-duration: 200ms; + background-color: var(--f7-theme-color); +} +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.md .stepper-fill, +.md .stepper-fill-md { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Smart Select === */ +.smart-select :root { + /* + --f7-smart-select-sheet-bg: var(--f7-list-bg-color); + --f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color); + */ +} +.smart-select select { + display: none; +} +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block; +} +.smart-select-sheet .page, +.smart-select-sheet .sheet-modal-inner, +.smart-select-sheet .list ul { + background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color)); +} +.smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.smart-select-sheet .toolbar:after { + display: block; +} +.smart-select-sheet .list { + margin: 0; +} +.smart-select-sheet .list ul:before { + display: none !important; +} +.smart-select-sheet .list ul:after { + display: none !important; +} +.smart-select-popover .popover-inner { + max-height: 40vh; +} +/* === Grid === */ +.ios { + --f7-grid-gap: 15px; +} +.md { + --f7-grid-gap: 16px; +} +.row { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: flex-start; + --f7-cols-per-row: 1; +} +.row > [class*="col-"], +.row > .col { + box-sizing: border-box; + width: calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row)); +} +.row.no-gap { + --f7-grid-gap: 0px; +} +.row .col-5 { + --f7-cols-per-row: 20; +} +.row .col-10 { + --f7-cols-per-row: 10; +} +.row .col-15 { + --f7-cols-per-row: 6.66666667; +} +.row .col-20 { + --f7-cols-per-row: 5; +} +.row .col-25 { + --f7-cols-per-row: 4; +} +.row .col-30 { + --f7-cols-per-row: 3.33333333; +} +.row .col-33 { + --f7-cols-per-row: 3; +} +.row .col-35 { + --f7-cols-per-row: 2.85714286; +} +.row .col-40 { + --f7-cols-per-row: 2.5; +} +.row .col-45 { + --f7-cols-per-row: 2.22222222; +} +.row .col-50 { + --f7-cols-per-row: 2; +} +.row .col-55 { + --f7-cols-per-row: 1.81818182; +} +.row .col-60 { + --f7-cols-per-row: 1.66666667; +} +.row .col-65 { + --f7-cols-per-row: 1.53846154; +} +.row .col-66 { + --f7-cols-per-row: 1.5; +} +.row .col-70 { + --f7-cols-per-row: 1.42857143; +} +.row .col-75 { + --f7-cols-per-row: 1.33333333; +} +.row .col-80 { + --f7-cols-per-row: 1.25; +} +.row .col-85 { + --f7-cols-per-row: 1.17647059; +} +.row .col-90 { + --f7-cols-per-row: 1.11111111; +} +.row .col-95 { + --f7-cols-per-row: 1.05263158; +} +.row .col-100 { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(1), +.row .col:nth-last-child(1) ~ .col { + --f7-cols-per-row: 1; +} +.row .col:nth-last-child(2), +.row .col:nth-last-child(2) ~ .col { + --f7-cols-per-row: 2; +} +.row .col:nth-last-child(3), +.row .col:nth-last-child(3) ~ .col { + --f7-cols-per-row: 3; +} +.row .col:nth-last-child(4), +.row .col:nth-last-child(4) ~ .col { + --f7-cols-per-row: 4; +} +.row .col:nth-last-child(5), +.row .col:nth-last-child(5) ~ .col { + --f7-cols-per-row: 5; +} +.row .col:nth-last-child(6), +.row .col:nth-last-child(6) ~ .col { + --f7-cols-per-row: 6; +} +.row .col:nth-last-child(7), +.row .col:nth-last-child(7) ~ .col { + --f7-cols-per-row: 7; +} +.row .col:nth-last-child(8), +.row .col:nth-last-child(8) ~ .col { + --f7-cols-per-row: 8; +} +.row .col:nth-last-child(9), +.row .col:nth-last-child(9) ~ .col { + --f7-cols-per-row: 9; +} +.row .col:nth-last-child(10), +.row .col:nth-last-child(10) ~ .col { + --f7-cols-per-row: 10; +} +.row .col:nth-last-child(11), +.row .col:nth-last-child(11) ~ .col { + --f7-cols-per-row: 11; +} +.row .col:nth-last-child(12), +.row .col:nth-last-child(12) ~ .col { + --f7-cols-per-row: 12; +} +.row .col:nth-last-child(13), +.row .col:nth-last-child(13) ~ .col { + --f7-cols-per-row: 13; +} +.row .col:nth-last-child(14), +.row .col:nth-last-child(14) ~ .col { + --f7-cols-per-row: 14; +} +.row .col:nth-last-child(15), +.row .col:nth-last-child(15) ~ .col { + --f7-cols-per-row: 15; +} +.row .col:nth-last-child(16), +.row .col:nth-last-child(16) ~ .col { + --f7-cols-per-row: 16; +} +.row .col:nth-last-child(17), +.row .col:nth-last-child(17) ~ .col { + --f7-cols-per-row: 17; +} +.row .col:nth-last-child(18), +.row .col:nth-last-child(18) ~ .col { + --f7-cols-per-row: 18; +} +.row .col:nth-last-child(19), +.row .col:nth-last-child(19) ~ .col { + --f7-cols-per-row: 19; +} +.row .col:nth-last-child(20), +.row .col:nth-last-child(20) ~ .col { + --f7-cols-per-row: 20; +} +.row .col:nth-last-child(21), +.row .col:nth-last-child(21) ~ .col { + --f7-cols-per-row: 21; +} +.row .col:nth-last-child(22), +.row .col:nth-last-child(22) ~ .col { + --f7-cols-per-row: 22; +} +@media (min-width: 768px) { + .row .tablet-5 { + --f7-cols-per-row: 20; + } + .row .tablet-10 { + --f7-cols-per-row: 10; + } + .row .tablet-15 { + --f7-cols-per-row: 6.66666667; + } + .row .tablet-20 { + --f7-cols-per-row: 5; + } + .row .tablet-25 { + --f7-cols-per-row: 4; + } + .row .tablet-30 { + --f7-cols-per-row: 3.33333333; + } + .row .tablet-33 { + --f7-cols-per-row: 3; + } + .row .tablet-35 { + --f7-cols-per-row: 2.85714286; + } + .row .tablet-40 { + --f7-cols-per-row: 2.5; + } + .row .tablet-45 { + --f7-cols-per-row: 2.22222222; + } + .row .tablet-50 { + --f7-cols-per-row: 2; + } + .row .tablet-55 { + --f7-cols-per-row: 1.81818182; + } + .row .tablet-60 { + --f7-cols-per-row: 1.66666667; + } + .row .tablet-65 { + --f7-cols-per-row: 1.53846154; + } + .row .tablet-66 { + --f7-cols-per-row: 1.5; + } + .row .tablet-70 { + --f7-cols-per-row: 1.42857143; + } + .row .tablet-75 { + --f7-cols-per-row: 1.33333333; + } + .row .tablet-80 { + --f7-cols-per-row: 1.25; + } + .row .tablet-85 { + --f7-cols-per-row: 1.17647059; + } + .row .tablet-90 { + --f7-cols-per-row: 1.11111111; + } + .row .tablet-95 { + --f7-cols-per-row: 1.05263158; + } + .row .tablet-100 { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(1), + .row .tablet-auto:nth-last-child(1) ~ .tablet-auto { + --f7-cols-per-row: 1; + } + .row .tablet-auto:nth-last-child(2), + .row .tablet-auto:nth-last-child(2) ~ .tablet-auto { + --f7-cols-per-row: 2; + } + .row .tablet-auto:nth-last-child(3), + .row .tablet-auto:nth-last-child(3) ~ .tablet-auto { + --f7-cols-per-row: 3; + } + .row .tablet-auto:nth-last-child(4), + .row .tablet-auto:nth-last-child(4) ~ .tablet-auto { + --f7-cols-per-row: 4; + } + .row .tablet-auto:nth-last-child(5), + .row .tablet-auto:nth-last-child(5) ~ .tablet-auto { + --f7-cols-per-row: 5; + } + .row .tablet-auto:nth-last-child(6), + .row .tablet-auto:nth-last-child(6) ~ .tablet-auto { + --f7-cols-per-row: 6; + } + .row .tablet-auto:nth-last-child(7), + .row .tablet-auto:nth-last-child(7) ~ .tablet-auto { + --f7-cols-per-row: 7; + } + .row .tablet-auto:nth-last-child(8), + .row .tablet-auto:nth-last-child(8) ~ .tablet-auto { + --f7-cols-per-row: 8; + } + .row .tablet-auto:nth-last-child(9), + .row .tablet-auto:nth-last-child(9) ~ .tablet-auto { + --f7-cols-per-row: 9; + } + .row .tablet-auto:nth-last-child(10), + .row .tablet-auto:nth-last-child(10) ~ .tablet-auto { + --f7-cols-per-row: 10; + } + .row .tablet-auto:nth-last-child(11), + .row .tablet-auto:nth-last-child(11) ~ .tablet-auto { + --f7-cols-per-row: 11; + } + .row .tablet-auto:nth-last-child(12), + .row .tablet-auto:nth-last-child(12) ~ .tablet-auto { + --f7-cols-per-row: 12; + } + .row .tablet-auto:nth-last-child(13), + .row .tablet-auto:nth-last-child(13) ~ .tablet-auto { + --f7-cols-per-row: 13; + } + .row .tablet-auto:nth-last-child(14), + .row .tablet-auto:nth-last-child(14) ~ .tablet-auto { + --f7-cols-per-row: 14; + } + .row .tablet-auto:nth-last-child(15), + .row .tablet-auto:nth-last-child(15) ~ .tablet-auto { + --f7-cols-per-row: 15; + } + .row .tablet-auto:nth-last-child(16), + .row .tablet-auto:nth-last-child(16) ~ .tablet-auto { + --f7-cols-per-row: 16; + } + .row .tablet-auto:nth-last-child(17), + .row .tablet-auto:nth-last-child(17) ~ .tablet-auto { + --f7-cols-per-row: 17; + } + .row .tablet-auto:nth-last-child(18), + .row .tablet-auto:nth-last-child(18) ~ .tablet-auto { + --f7-cols-per-row: 18; + } + .row .tablet-auto:nth-last-child(19), + .row .tablet-auto:nth-last-child(19) ~ .tablet-auto { + --f7-cols-per-row: 19; + } + .row .tablet-auto:nth-last-child(20), + .row .tablet-auto:nth-last-child(20) ~ .tablet-auto { + --f7-cols-per-row: 20; + } + .row .tablet-auto:nth-last-child(21), + .row .tablet-auto:nth-last-child(21) ~ .tablet-auto { + --f7-cols-per-row: 21; + } + .row .tablet-auto:nth-last-child(22), + .row .tablet-auto:nth-last-child(22) ~ .tablet-auto { + --f7-cols-per-row: 22; + } +} +@media (min-width: 1025px) { + .row .desktop-5 { + --f7-cols-per-row: 20; + } + .row .desktop-10 { + --f7-cols-per-row: 10; + } + .row .desktop-15 { + --f7-cols-per-row: 6.66666667; + } + .row .desktop-20 { + --f7-cols-per-row: 5; + } + .row .desktop-25 { + --f7-cols-per-row: 4; + } + .row .desktop-30 { + --f7-cols-per-row: 3.33333333; + } + .row .desktop-33 { + --f7-cols-per-row: 3; + } + .row .desktop-35 { + --f7-cols-per-row: 2.85714286; + } + .row .desktop-40 { + --f7-cols-per-row: 2.5; + } + .row .desktop-45 { + --f7-cols-per-row: 2.22222222; + } + .row .desktop-50 { + --f7-cols-per-row: 2; + } + .row .desktop-55 { + --f7-cols-per-row: 1.81818182; + } + .row .desktop-60 { + --f7-cols-per-row: 1.66666667; + } + .row .desktop-65 { + --f7-cols-per-row: 1.53846154; + } + .row .desktop-66 { + --f7-cols-per-row: 1.5; + } + .row .desktop-70 { + --f7-cols-per-row: 1.42857143; + } + .row .desktop-75 { + --f7-cols-per-row: 1.33333333; + } + .row .desktop-80 { + --f7-cols-per-row: 1.25; + } + .row .desktop-85 { + --f7-cols-per-row: 1.17647059; + } + .row .desktop-90 { + --f7-cols-per-row: 1.11111111; + } + .row .desktop-95 { + --f7-cols-per-row: 1.05263158; + } + .row .desktop-100 { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(1), + .row .desktop-auto:nth-last-child(1) ~ .desktop-auto { + --f7-cols-per-row: 1; + } + .row .desktop-auto:nth-last-child(2), + .row .desktop-auto:nth-last-child(2) ~ .desktop-auto { + --f7-cols-per-row: 2; + } + .row .desktop-auto:nth-last-child(3), + .row .desktop-auto:nth-last-child(3) ~ .desktop-auto { + --f7-cols-per-row: 3; + } + .row .desktop-auto:nth-last-child(4), + .row .desktop-auto:nth-last-child(4) ~ .desktop-auto { + --f7-cols-per-row: 4; + } + .row .desktop-auto:nth-last-child(5), + .row .desktop-auto:nth-last-child(5) ~ .desktop-auto { + --f7-cols-per-row: 5; + } + .row .desktop-auto:nth-last-child(6), + .row .desktop-auto:nth-last-child(6) ~ .desktop-auto { + --f7-cols-per-row: 6; + } + .row .desktop-auto:nth-last-child(7), + .row .desktop-auto:nth-last-child(7) ~ .desktop-auto { + --f7-cols-per-row: 7; + } + .row .desktop-auto:nth-last-child(8), + .row .desktop-auto:nth-last-child(8) ~ .desktop-auto { + --f7-cols-per-row: 8; + } + .row .desktop-auto:nth-last-child(9), + .row .desktop-auto:nth-last-child(9) ~ .desktop-auto { + --f7-cols-per-row: 9; + } + .row .desktop-auto:nth-last-child(10), + .row .desktop-auto:nth-last-child(10) ~ .desktop-auto { + --f7-cols-per-row: 10; + } + .row .desktop-auto:nth-last-child(11), + .row .desktop-auto:nth-last-child(11) ~ .desktop-auto { + --f7-cols-per-row: 11; + } + .row .desktop-auto:nth-last-child(12), + .row .desktop-auto:nth-last-child(12) ~ .desktop-auto { + --f7-cols-per-row: 12; + } + .row .desktop-auto:nth-last-child(13), + .row .desktop-auto:nth-last-child(13) ~ .desktop-auto { + --f7-cols-per-row: 13; + } + .row .desktop-auto:nth-last-child(14), + .row .desktop-auto:nth-last-child(14) ~ .desktop-auto { + --f7-cols-per-row: 14; + } + .row .desktop-auto:nth-last-child(15), + .row .desktop-auto:nth-last-child(15) ~ .desktop-auto { + --f7-cols-per-row: 15; + } + .row .desktop-auto:nth-last-child(16), + .row .desktop-auto:nth-last-child(16) ~ .desktop-auto { + --f7-cols-per-row: 16; + } + .row .desktop-auto:nth-last-child(17), + .row .desktop-auto:nth-last-child(17) ~ .desktop-auto { + --f7-cols-per-row: 17; + } + .row .desktop-auto:nth-last-child(18), + .row .desktop-auto:nth-last-child(18) ~ .desktop-auto { + --f7-cols-per-row: 18; + } + .row .desktop-auto:nth-last-child(19), + .row .desktop-auto:nth-last-child(19) ~ .desktop-auto { + --f7-cols-per-row: 19; + } + .row .desktop-auto:nth-last-child(20), + .row .desktop-auto:nth-last-child(20) ~ .desktop-auto { + --f7-cols-per-row: 20; + } + .row .desktop-auto:nth-last-child(21), + .row .desktop-auto:nth-last-child(21) ~ .desktop-auto { + --f7-cols-per-row: 21; + } + .row .desktop-auto:nth-last-child(22), + .row .desktop-auto:nth-last-child(22) ~ .desktop-auto { + --f7-cols-per-row: 22; + } +} +/* === Calendar/Datepicker === */ +:root { + --f7-calendar-height: 320px; + --f7-calendar-sheet-landscape-height: 220px; + --f7-calendar-sheet-bg-color: #fff; + --f7-calendar-popover-width: 320px; + --f7-calendar-popover-height: 320px; + --f7-calendar-modal-height: 420px; + --f7-calendar-modal-max-width: 380px; + --f7-calendar-modal-border-radius: 4px; + --f7-calendar-modal-bg-color: #fff; + /* + --f7-calendar-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-header-link-color: var(--f7-bars-link-color); + --f7-calendar-header-text-color: var(--f7-bars-text-color); + --f7-calendar-footer-bg-color: var(--f7-bars-bg-color); + --f7-calendar-footer-border-color: var(--f7-bars-border-color); + --f7-calendar-footer-link-color: var(--f7-bars-link-color); + --f7-calendar-footer-text-color: var(--f7-bars-text-color); + --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); + --f7-calendar-week-header-text-color: var(--f7-bars-text-color); + */ + --f7-calendar-prev-next-text-color: #b8b8b8; + --f7-calendar-disabled-text-color: #d4d4d4; + --f7-calendar-event-dot-size: 4px; + /* + --f7-calendar-event-bg-color: var(--f7-theme-color); + */ +} +.ios { + --f7-calendar-sheet-border-color: #929499; + --f7-calendar-header-height: 44px; + --f7-calendar-header-font-size: 17px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 44px; + --f7-calendar-footer-font-size: 17px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: #c4c4c4; + --f7-calendar-day-font-size: 15px; + --f7-calendar-day-text-color: #000; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 30px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} +.md { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 56px; + --f7-calendar-header-font-size: 20px; + --f7-calendar-header-font-weight: 400; + --f7-calendar-header-padding: 0 24px; + --f7-calendar-footer-height: 48px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-height: 24px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-row-border-color: transparent; + --f7-calendar-day-font-size: 14px; + --f7-calendar-day-text-color: #000; + /* + --f7-calendar-today-text-color: var(--f7-theme-color); + */ + --f7-calendar-today-bg-color: none; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ + --f7-calendar-day-size: 32px; +} +.md .theme-dark, +.md.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-day-text-color: rgba(255, 255, 255, 0.87); +} +.calendar { + overflow: hidden; + height: var(--f7-calendar-height); + width: 100%; + display: flex; + flex-direction: column; +} +.calendar.modal-in { + display: flex; +} +@media (orientation: landscape) and (max-height: 415px) { + .calendar.calendar-sheet { + height: var(--f7-calendar-sheet-landscape-height); + } + .calendar.calendar-modal { + height: calc(100vh - var(--f7-navbar-height)); + } +} +.calendar.calendar-inline, +.calendar.calendar-popover .calendar { + position: relative; +} +.calendar-sheet { + --f7-sheet-border-color: var(--f7-calendar-sheet-border-color); + background: var(--f7-calendar-sheet-bg-color); +} +.calendar-sheet:before { + z-index: 600; +} +.calendar-sheet .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.calendar-sheet .toolbar:before, +.calendar-modal .toolbar:before, +.calendar-popover .toolbar:before { + display: none; +} +.calendar-popover { + width: var(--f7-calendar-popover-width); +} +.calendar-popover .calendar { + height: var(--f7-calendar-popover-height); + border-radius: var(--f7-popover-border-radius); +} +.calendar-header { + width: 100%; + position: relative; + overflow: hidden; + flex-shrink: 0; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding: var(--f7-calendar-header-padding); + background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-header-height); + line-height: var(--f7-calendar-header-height); + font-size: var(--f7-calendar-header-font-size); + font-weight: var(--f7-calendar-header-font-weight); +} +.calendar-header a { + color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer { + width: 100%; + flex-shrink: 0; + padding: var(--f7-calendar-footer-padding); + background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-footer-height); + font-size: var(--f7-calendar-header-font-size); + display: flex; + justify-content: flex-end; + box-sizing: border-box; + align-items: center; + position: relative; +} +.calendar-footer a { + color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.calendar-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal { + position: absolute; + height: var(--f7-calendar-modal-height); + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: var(--f7-calendar-modal-max-width); + transform: translate3d(-50%, 100%, 0); + transition-property: transform; + display: flex; + z-index: 12000; + background: var(--f7-calendar-modal-bg-color); + width: 90%; + border-radius: var(--f7-calendar-modal-border-radius); + box-shadow: var(--f7-elevation-24); +} +.calendar-modal.modal-in, +.calendar-modal.modal-out { + transition-duration: 400ms; +} +.calendar-modal.modal-in { + transform: translate3d(-50%, -50%, 0); +} +.calendar-modal.modal-out { + transform: translate3d(-50%, 100%, 0); +} +.calendar-week-header { + display: flex; + box-sizing: border-box; + position: relative; + font-size: var(--f7-calendar-week-header-font-size); + background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-week-header-height); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-week-header .calendar-week-day { + flex-shrink: 1; + width: calc(100% / 7); + text-align: center; + line-height: var(--f7-calendar-week-header-height); +} +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + flex-shrink: 10; +} +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + transition: 300ms; +} +.calendar-month { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: flex; + flex-shrink: 1; + width: 100%; + position: relative; + box-sizing: border-box; + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +.calendar-row:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important; +} +.calendar-day { + flex-shrink: 1; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: var(--f7-calendar-day-text-color); + height: 100%; + font-size: var(--f7-calendar-day-font-size); +} +.calendar-day.calendar-day-today .calendar-day-number { + color: var(--f7-calendar-today-text-color, var(--f7-theme-color)); + background-color: var(--f7-calendar-today-bg-color); +} +.calendar-day.calendar-day-prev, +.calendar-day.calendar-day-next { + color: var(--f7-calendar-prev-next-text-color); +} +.calendar-day.calendar-day-disabled { + color: var(--f7-calendar-disabled-text-color); + cursor: auto; +} +.calendar-day.calendar-day-selected .calendar-day-number { + color: var(--f7-calendar-selected-text-color); + background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color)); +} +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 50%; + position: relative; + width: var(--f7-calendar-day-size); + height: var(--f7-calendar-day-size); + line-height: var(--f7-calendar-day-size); +} +.calendar-day .calendar-day-events { + position: absolute; + display: flex; + left: 0; + width: 100%; + top: 100%; + align-items: center; + justify-content: center; + margin-top: 1px; +} +.calendar-day .calendar-day-event { + width: var(--f7-calendar-event-dot-size); + height: var(--f7-calendar-event-dot-size); + border-radius: calc(var(--f7-calendar-event-dot-size) / 2); + background-color: var(--f7-calendar-event-bg-color); +} +.calendar-day .calendar-day-event + .calendar-day-event { + margin-left: 2px; +} +.calendar-range .calendar-day.calendar-day-selected { + align-items: stretch; + align-content: stretch; +} +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} +.calendar-month-selector, +.calendar-year-selector { + display: flex; + justify-content: space-between; + align-items: center; + width: 50%; + max-width: 200px; + flex-shrink: 10; +} +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis; +} +.calendar-month-selector a.icon-only, +.calendar-year-selector a.icon-only { + min-width: 36px; +} +/* === Picker === */ +:root { + --f7-picker-height: 260px; + --f7-picker-inline-height: 200px; + --f7-picker-popover-height: 200px; + --f7-picker-popover-width: 280px; + --f7-picker-landscape-height: 200px; + --f7-picker-item-height: 36px; +} +.ios { + --f7-picker-column-font-size: 24px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-text-color: #707274; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: #a8abb0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: #282829; +} +.md { + --f7-picker-column-font-size: 20px; + --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87); + --f7-picker-item-text-color: inherit; + --f7-picker-item-selected-text-color: inherit; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15); +} +.md .theme-dark, +.md.theme-dark { + --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); +} +.picker { + width: 100%; + height: var(--f7-picker-height); +} +.picker.picker-inline { + height: var(--f7-picker-inline-height); +} +.popover .picker { + height: var(--f7-picker-popover-height); +} +@media (orientation: landscape) and (max-height: 415px) { + .picker:not(.picker-inline) { + height: var(--f7-picker-landscape-height); + } +} +.picker-popover { + width: var(--f7-picker-popover-width); +} +.picker-popover .toolbar { + background: none; + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; +} +.picker-popover .toolbar:before { + display: none !important; +} +.picker-popover .toolbar + .picker-columns { + height: calc(100% - var(--f7-toolbar-height)); +} +.picker-columns { + display: flex; + overflow: hidden; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); + font-size: var(--f7-picker-column-font-size); +} +.picker-column { + position: relative; + max-height: 100%; +} +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0; +} +.picker-column.picker-column-first:before { + left: 100%; +} +.picker-column.picker-column-last:after { + right: 100%; +} +.picker-column.picker-column-left { + text-align: left; +} +.picker-column.picker-column-center { + text-align: center; +} +.picker-column.picker-column-right { + text-align: right; +} +.picker-column.picker-column-divider { + display: flex; + align-items: center; + color: var(--f7-picker-divider-text-color); +} +.picker-items { + transition: 300ms; + transition-timing-function: ease-out; +} +.picker-item { + height: var(--f7-picker-item-height); + line-height: var(--f7-picker-item-height); + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + transition: 300ms; + color: var(--f7-picker-item-text-color); +} +.picker-item span { + padding: 0 10px; +} +.picker-column-absolute .picker-item { + position: absolute; +} +.picker-item.picker-item-far { + pointer-events: none; +} +.picker-item.picker-item-selected { + color: var(--f7-picker-item-selected-text-color); + transform: translate3d(0, 0, 0) rotateX(0deg); +} +.picker-center-highlight { + height: var(--f7-picker-item-height); + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: calc(-1 * var(--f7-picker-item-height) / 2); + pointer-events: none; +} +.picker-center-highlight:before { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-center-highlight:after { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.picker-3d .picker-columns { + overflow: hidden; + perspective: 1200px; +} +.picker-3d .picker-column, +.picker-3d .picker-items, +.picker-3d .picker-item { + transform-style: preserve-3d; +} +.picker-3d .picker-column { + overflow: visible; +} +.picker-3d .picker-item { + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-timing-function: ease-out; +} +/* === Infinite === */ +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.infinite-scroll-preloader.preloader { + display: block; +} +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px; +} +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px; +} +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px; +} +/* === PTR === */ +.ios { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 44px; +} +.md { + --f7-ptr-preloader-size: 22px; + --f7-ptr-size: 40px; +} +.ptr-preloader { + position: relative; + top: var(--f7-ptr-top, 0); + height: var(--f7-ptr-size); +} +.ptr-preloader .preloader { + position: absolute; + left: 50%; + width: var(--f7-ptr-preloader-size); + height: var(--f7-ptr-preloader-size); + margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2); + top: 50%; + visibility: hidden; +} +.ptr-bottom .ptr-preloader { + top: auto; + bottom: 0; + position: fixed; +} +.ios .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: 300ms; + transition-property: transform; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color); +} +.ios .ptr-arrow:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 10px; + content: 'ptr_arrow_ios'; +} +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.ios .ptr-transitioning, +.ios .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.ios .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.ios .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.ios .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.ios .ptr-bottom.ptr-transitioning > *, +.ios .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.ios .ptr-bottom.ptr-refreshing { + transform: none; +} +.ios .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.ios .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.ios .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} +.md { + --f7-ptr-top: -4px; +} +.md .ptr-preloader { + left: 50%; + width: var(--f7-ptr-size); + border-radius: 50%; + background: #fff; + margin-left: calc(-1 * var(--f7-ptr-size) / 2); + margin-top: calc(-1 * var(--f7-ptr-size)); + z-index: 100; + box-shadow: var(--f7-elevation-1); +} +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px; +} +.md .ptr-arrow { + width: 22px; + height: 22px; + box-sizing: border-box; + border: 3px solid var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + transform: rotate(150deg); +} +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + transform: rotate(-40deg); +} +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + animation: none; +} +.md .ptr-refreshing .ptr-preloader .preloader, +.md .ptr-pull-up .ptr-preloader .preloader { + visibility: visible; +} +.md .ptr-refreshing .ptr-arrow, +.md .ptr-pull-up .ptr-arrow { + visibility: hidden; +} +.md .ptr-refreshing .ptr-preloader { + transform: translate3d(0, 66px, 0); +} +.md .ptr-transitioning .ptr-arrow { + transition: 300ms; +} +.md .ptr-pull-up .ptr-arrow { + transition: 400ms; + transform: rotate(620deg) !important; + opacity: 0; +} +.md .ptr-transitioning .ptr-preloader, +.md .ptr-refreshing .ptr-preloader { + transition-duration: 300ms; + transition-property: transform; +} +.md .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px); +} +.md .ptr-bottom.ptr-refreshing .ptr-preloader { + transform: translate3d(0, -66px, 0); +} +/* === Images Lazy Loading === */ +.lazy-loaded.lazy-fade-in { + animation: lazyFadeIn 600ms; +} +@keyframes lazyFadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* === Data Table === */ +:root { + --f7-table-head-font-size: 12px; + --f7-table-body-font-size: 14px; + --f7-table-footer-font-size: 12px; + --f7-table-input-height: 24px; + --f7-table-input-font-size: 14px; + --f7-table-collapsible-cell-padding: 15px; +} +.ios { + --f7-table-head-font-weight: 600; + --f7-table-head-text-color: #8e8e93; + --f7-table-head-cell-height: 44px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 44px; + --f7-table-cell-border-color: #c8c7cc; + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 15px; + --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-checkbox-cell-width: 22px; + /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ + --f7-table-selected-row-bg-color: #f7f7f8; + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 17px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 44px; + --f7-table-footer-text-color: #8e8e93; + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #000; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: #363636; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; +} +.md { + --f7-table-head-font-weight: 500; + --f7-table-head-text-color: rgba(0, 0, 0, 0.54); + --f7-table-head-cell-height: 56px; + --f7-table-head-icon-size: 16px; + --f7-table-body-cell-height: 48px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 28px; + --f7-table-edge-cell-padding-horizontal: 24px; + --f7-table-label-cell-padding-horizontal: 24px; + --f7-table-checkbox-cell-width: 18px; + --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54); + --f7-table-selected-row-bg-color: #f5f5f5; + --f7-table-actions-link-color: rgba(0, 0, 0, 0.54); + --f7-table-title-font-size: 20px; + --f7-table-title-font-weight: 400; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 56px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.54); + --f7-table-sortable-icon-color: #000; + --f7-table-input-text-color: #212121; +} +.md .theme-dark, +.md.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-table-cell-border-color: #282829; + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05); + --f7-table-sortable-icon-color: #fff; + --f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54); + --f7-table-actions-link-color: rgba(255, 255, 255, 0.54); + --f7-table-input-text-color: #fff; +} +.data-table { + overflow-x: auto; +} +.data-table table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: right; +} +.data-table thead th, +.data-table thead td { + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; + height: var(--f7-table-head-cell-height); +} +.data-table thead th:not(.sortable-cell-active), +.data-table thead td:not(.sortable-cell-active) { + color: var(--f7-table-head-text-color); +} +.data-table thead i.icon, +.data-table thead i.f7-icons, +.data-table thead i.material-icons { + vertical-align: top; + font-size: var(--f7-table-head-icon-size); + width: var(--f7-table-head-icon-size); + height: var(--f7-table-head-icon-size); +} +.data-table tbody { + font-size: var(--f7-table-body-font-size); +} +.data-table tbody th, +.data-table tbody td { + height: var(--f7-table-body-cell-height); +} +.data-table tbody tr.data-table-row-selected, +.device-desktop .data-table tbody tr:hover { + background: var(--f7-table-selected-row-bg-color); +} +.data-table tbody td:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table th, +.data-table td { + --f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal); + padding-top: var(--f7-table-cell-padding-vertical); + padding-bottom: var(--f7-table-cell-padding-vertical); + padding-left: var(--f7-table-cell-padding-left); + padding-right: var(--f7-table-cell-padding-right); + position: relative; + box-sizing: border-box; +} +.data-table th:first-child, +.data-table td:first-child { + --f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th:last-child, +.data-table td:last-child { + --f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table th.label-cell, +.data-table td.label-cell { + --f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-label-cell-padding-horizontal); +} +.data-table th.numeric-cell, +.data-table td.numeric-cell { + text-align: left; +} +.data-table th.checkbox-cell, +.data-table td.checkbox-cell { + overflow: visible; + width: var(--f7-table-checkbox-cell-width); +} +.data-table th.checkbox-cell label + span, +.data-table td.checkbox-cell label + span { + margin-right: 8px; +} +.data-table th.checkbox-cell:first-child, +.data-table td.checkbox-cell:first-child { + padding-left: calc(var(--f7-table-cell-padding-left) / 2); +} +.data-table th.checkbox-cell:first-child + td, +.data-table td.checkbox-cell:first-child + td, +.data-table th.checkbox-cell:first-child + th, +.data-table td.checkbox-cell:first-child + th { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.checkbox-cell:last-child, +.data-table td.checkbox-cell:last-child { + padding-right: calc(var(--f7-table-cell-padding-right) / 2); +} +.data-table th.actions-cell, +.data-table td.actions-cell { + text-align: left; + white-space: nowrap; +} +.data-table th.actions-cell a.link, +.data-table td.actions-cell a.link { + color: var(--f7-table-actions-cell-link-color, var(--f7-theme-color)); +} +.data-table th a.icon-only, +.data-table td a.icon-only, +.card .data-table th a.icon-only, +.card .data-table td a.icon-only, +.card.data-table th a.icon-only, +.card.data-table td a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0; +} +.data-table th a.icon-only i, +.data-table td a.icon-only i, +.card .data-table th a.icon-only i, +.card .data-table td a.icon-only i, +.card.data-table th a.icon-only i, +.card.data-table td a.icon-only i { + font-size: 20px; + vertical-align: middle; +} +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative; +} +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after, +.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before { + content: 'arrow_bottom_md'; + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + color: var(--f7-table-sortable-icon-color); + font-size: 13px; + line-height: 16px; + transition-duration: 300ms; + transform: rotate(0); + opacity: 0; +} +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before { + opacity: 0.54; +} +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active:before, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before { + opacity: 0.87 !important; +} +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:after, +.data-table .table-head-label:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:before { + transform: rotate(180deg) !important; +} +.data-table.card .card-header, +.card .data-table .card-header, +.data-table.card .card-footer, +.card .data-table .card-footer { + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); +} +.data-table.card .card-header, +.card .data-table .card-header { + height: var(--f7-table-card-header-height); +} +.data-table.card .card-content, +.card .data-table .card-content { + overflow-x: auto; +} +.data-table.card .card-footer, +.card .data-table .card-footer { + height: var(--f7-table-footer-height); +} +.data-table .data-table-title { + font-size: var(--f7-table-title-font-size); + font-weight: var(--f7-table-title-font-weight); +} +.data-table .data-table-links, +.data-table .data-table-actions { + display: flex; +} +.data-table .data-table-links .button { + min-width: 64px; +} +.data-table .data-table-actions { + margin-right: auto; + align-items: center; +} +.data-table .data-table-actions a.link { + color: var(--f7-table-actions-link-color, var(--f7-theme-color)); + min-width: 0; +} +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + justify-content: center; + padding: 0; +} +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.data-table .card-header > .data-table-header, +.data-table .card-header > .data-table-header-selected { + padding-top: var(--f7-card-header-padding-vertical); + padding-bottom: var(--f7-card-header-padding-vertical); + height: 100%; + padding-right: var(--f7-table-edge-cell-padding-horizontal); + padding-left: var(--f7-table-edge-cell-padding-horizontal); + margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); + margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); +} +.data-table .data-table-header-selected { + background: rgba(var(--f7-theme-color-rgb), 0.1); + display: none; +} +.data-table.data-table-has-checked .data-table-header { + display: none; +} +.data-table.data-table-has-checked .data-table-header-selected { + display: flex; +} +.data-table .data-table-title-selected { + font-size: 14px; + color: var(--f7-theme-color); +} +.data-table .data-table-footer { + display: flex; + align-items: center; + box-sizing: border-box; + position: relative; + font-size: var(--f7-table-footer-font-size); + overflow: hidden; + height: var(--f7-table-footer-height); + color: var(--f7-table-footer-text-color); + justify-content: flex-start; +} +.data-table .data-table-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.data-table .data-table-rows-select, +.data-table .data-table-pagination { + display: flex; + align-items: center; +} +.data-table .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + vertical-align: top; +} +.data-table .input-cell .table-head-label + .input { + margin-top: 4px; +} +.data-table .input-cell .input { + height: var(--f7-table-input-height); +} +.data-table .input-cell .input input, +.data-table .input-cell .input textarea, +.data-table .input-cell .input select { + height: var(--f7-table-input-height); + color: var(--f7-table-input-text-color); + font-size: var(--f7-table-input-font-size); +} +@media (max-width: 480px) and (orientation: portrait) { + .data-table.data-table-collapsible thead { + display: none; + } + .data-table.data-table-collapsible tbody, + .data-table.data-table-collapsible tr, + .data-table.data-table-collapsible td { + display: block; + } + .data-table.data-table-collapsible tr { + position: relative; + } + .data-table.data-table-collapsible tr:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); + } + .data-table.data-table-collapsible tr:hover { + background-color: inherit; + } + .data-table.data-table-collapsible td { + --f7-table-cell-padding-left: var(--f7-table-collapsible-cell-padding); + --f7-table-cell-padding-right: var(--f7-table-collapsible-cell-padding); + display: flex; + align-content: center; + align-items: center; + justify-content: flex-start; + text-align: right; + } + .data-table.data-table-collapsible td:before { + display: none !important; + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: none !important; + transform: none !important; + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + color: var(--f7-table-head-text-color); + margin-left: 16px; + flex-shrink: 0; + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + right: 0; + } + .data-table.data-table-collapsible td.checkbox-cell + td { + padding-right: 16px; + } + .data-table.data-table-collapsible td.checkbox-cell ~ td { + margin-right: 32px; + } +} +.data-table .tablet-only, +.data-table .tablet-landscape-only { + display: none; +} +@media (min-width: 768px) { + .data-table .tablet-only { + display: table-cell; + } +} +@media (min-width: 768px) and (orientation: landscape) { + .data-table .tablet-landscape-only { + display: table-cell; + } +} +.ios .data-table th.actions-cell a.link + a.link, +.ios .data-table td.actions-cell a.link + a.link { + margin-right: 15px; +} +.ios .sortable-cell:not(.numeric-cell):after { + margin-right: 5px; +} +.ios .sortable-cell.numeric-cell:before { + margin-left: 5px; +} +.ios .data-table-links a.link + a.link, +.ios .data-table-actions a.link + a.link, +.ios .data-table-links .button + .button, +.ios .data-table-actions .button + .button { + margin-right: 15px; +} +.ios .data-table-actions a.link.icon-only { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select a.link, +.ios .data-table-pagination a.link { + width: 44px; + height: 44px; +} +.ios .data-table-rows-select + .data-table-pagination { + margin-right: 30px; +} +.ios .data-table-rows-select .input { + margin-right: 20px; +} +.ios .data-table-pagination-label { + margin-left: 15px; +} +.md .data-table th.actions-cell a.link + a.link, +.md .data-table td.actions-cell a.link + a.link { + margin-right: 24px; +} +.md .data-table th.actions-cell a.icon-only, +.md .data-table td.actions-cell a.icon-only { + width: 24px; + height: 24px; + line-height: 24px; +} +.md .sortable-cell:not(.numeric-cell):after { + margin-right: 8px; +} +.md .sortable-cell.numeric-cell:before { + margin-left: 8px; +} +.md .data-table-links a.link + a.link, +.md .data-table-actions a.link + a.link, +.md .data-table-links .button + .button, +.md .data-table-actions .button + .button { + margin-right: 24px; +} +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible; +} +.md .data-table-actions a.link.icon-only.active-state { + background: none; +} +.md .data-table-rows-select a.link, +.md .data-table-pagination a.link { + width: 48px; + height: 48px; +} +.md .data-table-rows-select a.link:before, +.md .data-table-pagination a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .data-table-rows-select a.link.active-state:before, +.md .data-table-pagination a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .data-table-rows-select + .data-table-pagination { + margin-right: 32px; +} +.md .data-table-rows-select .input { + margin-right: 24px; +} +.md .data-table-pagination-label { + margin-left: 20px; +} +.md .input-cell .input-clear-button { + transform: scale(0.8); +} +/* === FAB === */ +:root { + --f7-fab-text-color: #fff; + --f7-fab-extended-text-font-size: 14px; + --f7-fab-extended-text-padding: 0 20px; + --f7-fab-label-bg-color: #fff; + --f7-fab-label-text-color: #333; + --f7-fab-label-border-radius: 4px; + --f7-fab-label-padding: 4px 12px; + --f7-fab-button-size: 40px; +} +.ios { + --f7-fab-size: 50px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 50px; + --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.md { + --f7-fab-size: 56px; + --f7-fab-box-shadow: var(--f7-elevation-6); + --f7-fab-margin: 16px; + --f7-fab-extended-size: 48px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0.03em; + --f7-fab-label-box-shadow: var(--f7-elevation-3); + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ +} +.fab { + position: absolute; + z-index: 1500; +} +.fab a { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.fab[class*="fab-left"] { + left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left)); +} +.fab[class*="fab-right"] { + right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right)); +} +.fab[class*="-top"] { + top: var(--f7-fab-margin); +} +.fab[class*="-bottom"] { + bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom)); +} +.fab[class*="fab-center"] { + left: 50%; + transform: translateX(-50%); +} +.fab[class*="left-center"], +.fab[class*="right-center"] { + top: 50%; + transform: translateY(-50%); +} +.fab[class*="center-center"] { + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} +.fab > a, +.fab-buttons a { + background-color: var(--f7-fab-bg-color, var(--f7-theme-color)); + width: var(--f7-fab-size); + height: var(--f7-fab-size); + box-shadow: var(--f7-fab-box-shadow); + border-radius: calc(var(--f7-fab-size) / 2); + position: relative; + transition-duration: 300ms; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 1; + color: var(--f7-fab-text-color); +} +.fab > a.active-state, +.fab-buttons a.active-state { + background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade)); +} +.fab > a i { + position: absolute; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transition: 300ms; +} +.fab > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5); + opacity: 0; +} +.fab-buttons a { + border-radius: calc(var(--f7-fab-button-size) / 2); + width: var(--f7-fab-button-size); + height: var(--f7-fab-button-size); +} +.fab-buttons { + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute; +} +.fab-buttons a { + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i { + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5); + opacity: 0; +} +.fab-opened:not(.fab-morph) > a i + i { + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1; +} +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto; +} +.fab-opened .fab-buttons a { + opacity: 1; + transform: translate3d(0, 0px, 0) scale(1) !important; +} +.fab-opened .fab-buttons a:nth-child(2) { + transition-delay: 50ms; +} +.fab-opened .fab-buttons a:nth-child(3) { + transition-delay: 100ms; +} +.fab-opened .fab-buttons a:nth-child(4) { + transition-delay: 150ms; +} +.fab-opened .fab-buttons a:nth-child(5) { + transition-delay: 200ms; +} +.fab-opened .fab-buttons a:nth-child(6) { + transition-delay: 250ms; +} +.fab-buttons-top, +.fab-buttons-bottom { + left: 50%; + width: var(--f7-fab-button-size); + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + flex-direction: column-reverse; +} +.fab-buttons-top a { + transform: translate3d(0, 8px, 0) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-top a + a { + margin-bottom: 16px; +} +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + flex-direction: column; +} +.fab-buttons-bottom a { + transform: translate3d(0, -8px, 0) scale(0.3); + transform-origin: center top; +} +.fab-buttons-bottom a + a { + margin-top: 16px; +} +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: var(--f7-fab-button-size); + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); +} +.fab-buttons-left { + right: 100%; + margin-right: 16px; +} +.fab-buttons-left a { + transform: translate3d(8px, 0px, 0) scale(0.3); + transform-origin: right center; +} +.fab-buttons-left a + a { + margin-right: 16px; +} +.fab-buttons-right { + left: 100%; + margin-left: 16px; + flex-direction: row-reverse; +} +.fab-buttons-right a { + transform: translate3d(-8px, 0, 0) scale(0.3); + transform-origin: left center; +} +.fab-buttons-right a + a { + margin-left: 16px; +} +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100%; +} +.fab-buttons-center a { + position: absolute; +} +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + bottom: 100%; + margin-bottom: 16px; + transform: translateY(-8px) scale(0.3); + transform-origin: center bottom; +} +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-left: 16px; + transform: translateX(-8px) scale(0.3); + transform-origin: left center; +} +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size) / 2); + top: 100%; + margin-top: 16px; + transform: translateY(8px) scale(0.3); + transform-origin: center top; +} +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size) / 2); + top: 50%; + margin-right: 16px; + transform: translateX(8px) scale(0.3); + transform-origin: right center; +} +.fab-morph { + border-radius: calc(var(--f7-fab-size) / 2); + background: var(--f7-fab-bg-color, var(--f7-theme-color)); + box-shadow: var(--f7-fab-box-shadow); +} +.fab-morph > a { + box-shadow: none; + background: none !important; +} +.fab-opened.fab-morph > a i { + opacity: 0; +} +.fab-morph, +.fab-morph > a, +.fab-morph-target { + transition-duration: 250ms; +} +.fab-morph-target:not(.fab-morph-target-visible) { + display: none; +} +.fab-extended { + width: auto; + min-width: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100%; + height: var(--f7-fab-extended-size); +} +.fab-extended > a i { + left: calc(var(--f7-fab-extended-size) / 2); +} +.fab-extended i ~ .fab-text { + padding-left: var(--f7-fab-extended-size); +} +.fab-extended > a { + width: 100% !important; +} +.fab-text { + box-sizing: border-box; + font-size: var(--f7-fab-extended-text-font-size); + padding: var(--f7-fab-extended-text-padding); + font-weight: var(--f7-fab-extended-text-font-weight); + letter-spacing: var(--f7-fab-extended-text-letter-spacing); + text-transform: uppercase; +} +.fab-label-button { + overflow: visible !important; +} +.fab-label { + position: absolute; + top: 50%; + padding: var(--f7-fab-label-padding); + border-radius: var(--f7-fab-label-border-radius); + background: var(--f7-fab-label-bg-color); + color: var(--f7-fab-label-text-color); + box-shadow: var(--f7-fab-label-box-shadow); + white-space: nowrap; + transform: translateY(-50%); + pointer-events: none; +} +.fab[class*="fab-right-"] .fab-label { + right: 100%; + margin-right: 8px; +} +.fab[class*="fab-left-"] .fab-label { + left: 100%; + margin-left: 8px; +} +.navbar ~ * .fab[class*="-top"], +.navbar ~ .fab[class*="-top"] { + margin-top: var(--f7-navbar-height); +} +.toolbar-top ~ * .fab[class*="-top"], +.toolbar-top ~ .fab[class*="-top"], +.ios .toolbar-top-ios ~ * .fab[class*="-top"], +.ios .toolbar-top-ios ~ .fab[class*="-top"], +.md .toolbar-top-md ~ * .fab[class*="-top"], +.md .toolbar-top-md ~ .fab[class*="-top"] { + margin-top: var(--f7-toolbar-height); +} +.toolbar-bottom ~ * .fab[class*="-bottom"], +.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-toolbar-height); +} +.tabbar-labels.toolbar-bottom ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-tabbar-labels-height); +} +.tabbar-labels.toolbar-top ~ * .fab[class*="-bottom"], +.tabbar-labels.toolbar-top ~ .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ * .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios ~ .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ * .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md ~ .fab[class*="-bottom"] { + margin-top: var(--f7-tabbar-labels-height); +} +.messagebar ~ * .fab[class*="-bottom"], +.messagebar ~ .fab[class*="-bottom"] { + margin-bottom: var(--f7-messagebar-height); +} +.navbar + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbar + .toolbar-top ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height)); +} +.navbar + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbar + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"], +.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height)); +} +.ios .fab > a.active-state, +.ios .fab-buttons a.active-state { + transition-duration: 0ms; +} +/* === Searchbar === */ +:root { + /* + --f7-searchbar-link-color: var(--f7-bars-link-color); + */ +} +.ios { + /* + --f7-searchbar-bg-image: var(--f7-bars-bg-image); + --f7-searchbar-bg-color: var(--f7-bars-bg-color); + --f7-searchbar-border-color: var(--f7-bars-border-color); + */ + --f7-searchbar-height: 44px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 17px; + --f7-searchbar-input-bg-color: #e8e8ea; + --f7-searchbar-input-border-radius: 8px; + --f7-searchbar-input-height: 32px; + --f7-searchbar-input-padding-horizontal: 28px; + /* + --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); + */ + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-searchbar-bg-color: #303030; + --f7-searchbar-input-bg-color: #171717; + --f7-searchbar-input-text-color: #fff; +} +.md { + --f7-searchbar-bg-color: #fff; + --f7-searchbar-border-color: transparent; + --f7-searchbar-height: 48px; + --f7-searchbar-link-color: #737373; + --f7-searchbar-search-icon-color: #737373; + --f7-searchbar-placeholder-color: #939398; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-input-font-size: 20px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 0px; + --f7-searchbar-input-height: 100%; + --f7-searchbar-input-padding-horizontal: 48px; + --f7-searchbar-input-clear-button-color: #737373; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25); + --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-searchbar-in-page-content-margin: 8px; + --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1); + --f7-searchbar-in-page-content-border-radius: 4px; +} +.searchbar { + width: 100%; + position: relative; + z-index: 200; + height: var(--f7-searchbar-height); + background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.searchbar.no-hairline:after, +.searchbar.no-border:after { + display: none !important; +} +.searchbar.no-shadow:before { + display: none !important; +} +.searchbar:after { + content: ''; + position: absolute; + background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.page > .searchbar { + z-index: 510; +} +.page > .searchbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.searchbar input[type="text"], +.searchbar input[type="search"] { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-weight: normal; + color: var(--f7-searchbar-input-text-color); + font-size: var(--f7-searchbar-input-font-size); + background-color: var(--f7-searchbar-input-bg-color); + border-radius: var(--f7-searchbar-input-border-radius); + position: relative; + padding: 0; + padding-left: var(--f7-searchbar-input-padding-right); + padding-right: var(--f7-searchbar-input-padding-left); +} +.searchbar input[type="text"]::-webkit-input-placeholder, +.searchbar input[type="search"]::-webkit-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-moz-placeholder, +.searchbar input[type="search"]::-moz-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::-ms-input-placeholder, +.searchbar input[type="search"]::-ms-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input[type="text"]::placeholder, +.searchbar input[type="search"]::placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1; +} +.searchbar input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none; +} +.searchbar .searchbar-input-wrap { + flex-shrink: 1; + width: 100%; + height: var(--f7-searchbar-input-height); + position: relative; +} +.searchbar a { + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.page > .searchbar { + position: absolute; + left: 0; + top: 0; +} +.page-content .searchbar { + border-radius: var(--f7-searchbar-in-page-content-border-radius); + margin: var(--f7-searchbar-in-page-content-margin); + width: auto; + box-shadow: var(--f7-searchbar-in-page-content-box-shadow); +} +.page-content .searchbar .searchbar-inner, +.page-content .searchbar input[type="text"], +.page-content .searchbar input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-border-radius); +} +.searchbar .input-clear-button { + color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); +} +.searchbar-expandable { + position: absolute; + transition-duration: 300ms; + pointer-events: none; +} +.navbar-inner-large .searchbar-expandable:after { + display: none !important; +} +.navbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-navbar-height); +} +.toolbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-toolbar-height); +} +.subnavbar .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-subnavbar-height); +} +.tabbar-labels .searchbar.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-tabbar-labels-height); +} +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; +} +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0; +} +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat; +} +.searchbar-icon:after { + color: var(--f7-searchbar-search-icon-color); + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-searchbar-backdrop-bg-color); +} +.searchbar-backdrop.searchbar-backdrop-in { + opacity: 1; + pointer-events: auto; +} +.page-content > .searchbar-backdrop { + position: fixed; +} +.searchbar-not-found { + display: none; +} +.hidden-by-searchbar, +.list .hidden-by-searchbar, +.list.li.hidden-by-searchbar, +.list li.hidden-by-searchbar { + display: none !important; +} +.navbar.with-searchbar-expandable-enabled, +.navbar-inner.with-searchbar-expandable-enabled { + --f7-navbar-large-collapse-progress: 1; +} +.navbar.with-searchbar-expandable-enabled .title-large, +.navbar-inner.with-searchbar-expandable-enabled .title-large, +.navbar.with-searchbar-expandable-enabled .title-large-text, +.navbar-inner.with-searchbar-expandable-enabled .title-large-text, +.navbar.with-searchbar-expandable-enabled .title-large-inner, +.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { + transition-duration: 300ms; +} +.page-content.with-searchbar-expandable-enabled { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + transition-duration: 300ms; + transition-property: transform; +} +.navbar ~ .page:not(.no-navbar) > .searchbar, +.page > .navbar ~ .searchbar { + top: var(--f7-navbar-height); +} +.page > .searchbar ~ * .page-content, +.page > .searchbar ~ .page-content { + padding-top: var(--f7-searchbar-height); +} +.page > .navbar ~ .searchbar ~ * .page-content, +.page > .navbar ~ .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ .page-content, +.navbar ~ .page:not(.no-navbar) > .searchbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-searchbar-height)); +} +.page > .toolbar-top ~ .searchbar, +.ios .page > .toolbar-top-ios ~ .searchbar, +.md .page > .toolbar-top-md ~ .searchbar { + top: var(--f7-toolbar-height); +} +.page > .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar { + top: var(--f7-tabbar-labels-height); +} +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.page > .navbar ~ .toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ * .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ * .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ * .page-content, +.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar ~ .page-content, +.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar ~ .page-content, +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height)); +} +.ios { + --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.ios .searchbar input[type="search"], +.ios .searchbar input[type="text"] { + z-index: 30; +} +.ios .searchbar .input-clear-button { + z-index: 40; + left: 7px; +} +.ios .searchbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + right: 8px; +} +.ios .searchbar-icon:after { + content: 'search_ios'; + line-height: 13px; +} +.ios .searchbar-disable-button { + font-size: 17px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: 300ms; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none; +} +.ios .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-right: 8px; +} +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.ios .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + right: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.ios .searchbar-expandable .searchbar-disable-button { + margin-right: 8px; + opacity: 1; + display: block; +} +.ios .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.ios .navbar-inner.with-searchbar-expandable-enabled .left, +.ios .navbar-inner.with-searchbar-expandable-enabled .title, +.ios .navbar-inner.with-searchbar-expandable-enabled .right { + transform: translateY(calc(-1 * var(--f7-navbar-height))); + transition: 300ms; + opacity: 0; +} +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: var(--f7-searchbar-expandable-size); + pointer-events: auto; +} +.md { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px); + --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +} +.md .searchbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .searchbar-icon, +.md .searchbar-disable-button { + position: absolute; + right: calc(-4px + var(--f7-safe-area-right)); + top: 50%; + transition-duration: 300ms; +} +.md .searchbar-icon { + width: 24px; + height: 24px; + margin-left: 12px; + margin-top: -12px; +} +.md .searchbar-icon:after { + content: 'search_md'; + line-height: 1.2; +} +.md .searchbar-disable-button { + width: 48px; + height: 48px; + transform: rotate(-90deg) scale(0.5); + font-size: 0 !important; + display: block; + margin-top: -24px; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar-disable-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar-disable-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + line-height: 48px; + content: "arrow_right_md"; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + transform: rotate(90deg) scale(0.5); +} +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + left: 0; + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .searchbar .input-clear-button:after { + line-height: 48px; + content: 'delete_md'; + opacity: 1; +} +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0; +} +.md .page > .searchbar, +.md .subnavbar .searchbar, +.md .searchbar-expandable { + --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); +} +.md .page > .searchbar .searchbar-icon, +.md .subnavbar .searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-icon, +.md .page > .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .searchbar-expandable .searchbar-disable-button { + right: calc(-4px + 8px + var(--f7-safe-area-right)); +} +.md .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + height: 100%; + opacity: 0; + top: 50%; + border-radius: calc(var(--f7-searchbar-expandable-size)); + width: calc(var(--f7-searchbar-expandable-size)); + margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2); + transform: translate3d(0px, 0px, 0px); + right: 100%; + margin-right: calc(var(--f7-searchbar-expandable-size) * -1); +} +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + top: 0; + margin-top: 0; + right: 0; + margin-right: 0; +} +/* === Messages === */ +:root { + --f7-messages-content-bg-color: #fff; + --f7-message-text-header-text-color: inherit; + --f7-message-text-header-opacity: 0.65; + --f7-message-text-header-font-size: 12px; + --f7-message-text-footer-text-color: inherit; + --f7-message-text-footer-opacity: 0.65; + --f7-message-text-footer-font-size: 12px; + --f7-message-bubble-line-height: 1.2; + --f7-message-header-font-size: 12px; + --f7-message-footer-font-size: 11px; + --f7-message-name-font-size: 12px; + --f7-message-typing-indicator-bg-color: #000; + --f7-message-sent-bg-color: var(--f7-theme-color); + --f7-message-sent-text-color: #fff; + --f7-message-received-bg-color: #e5e5ea; + --f7-message-received-text-color: #000; +} +.ios { + --f7-messages-title-text-color: #8e8e93; + --f7-messages-title-font-size: 11px; + --f7-message-header-text-color: #8e8e93; + --f7-message-footer-text-color: #8e8e93; + --f7-message-name-text-color: #8e8e93; + --f7-message-avatar-size: 29px; + --f7-message-margin: 10px; + --f7-message-bubble-font-size: 17px; + --f7-message-bubble-border-radius: 16px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 16px; + --f7-message-typing-indicator-opacity: 0.35; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.md { + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-messages-title-font-size: 12px; + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51); + --f7-message-avatar-size: 32px; + --f7-message-margin: 16px; + --f7-message-bubble-font-size: 16px; + --f7-message-bubble-border-radius: 4px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 8px; + --f7-message-typing-indicator-opacity: 0.6; +} +.md .theme-dark, +.md.theme-dark { + --f7-messages-content-bg-color: transparent; + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-message-received-bg-color: #333; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff; +} +.messages-content, +.messages { + background: var(--f7-messages-content-bg-color); +} +.messages { + display: flex; + flex-direction: column; + min-height: 100%; + position: relative; + z-index: 1; +} +.messages-title, +.message { + margin-top: var(--f7-message-margin); +} +.messages-title:last-child, +.message:last-child { + margin-bottom: var(--f7-message-margin); +} +.messages-title { + text-align: center; + width: 100%; + line-height: 1; + color: var(--f7-messages-title-text-color); + font-size: var(--f7-messages-title-font-size); +} +.message { + max-width: 70%; + box-sizing: border-box; + display: flex; + align-items: flex-end; + position: relative; + z-index: 1; + transform: translate3d(0, 0, 0); +} +.message-avatar { + border-radius: 50%; + position: relative; + background-size: cover; + align-self: flex-end; + flex-shrink: 0; + width: var(--f7-message-avatar-size); + height: var(--f7-message-avatar-size); +} +.message-content { + position: relative; + display: flex; + flex-direction: column; +} +.message-header, +.message-footer, +.message-name { + line-height: 1; +} +.message-header { + color: var(--f7-message-header-text-color); + font-size: var(--f7-message-header-font-size); +} +.message-footer { + color: var(--f7-message-footer-text-color); + font-size: var(--f7-message-footer-font-size); + margin-bottom: -1em; +} +.message-name { + color: var(--f7-message-name-text-color); + font-size: var(--f7-message-name-font-size); +} +.message-bubble { + box-sizing: border-box; + word-break: break-word; + display: flex; + flex-direction: column; + position: relative; + line-height: var(--f7-message-bubble-line-height); + font-size: var(--f7-message-bubble-font-size); + border-radius: var(--f7-message-bubble-border-radius); + padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); + min-height: 32px; +} +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.message-text-header, +.message-text-footer { + line-height: 1; +} +.message-text-header { + color: var(--f7-message-text-header-text-color); + opacity: var(--f7-message-text-header-opacity); + font-size: var(--f7-message-text-header-font-size); +} +.message-text-footer { + color: var(--f7-message-text-footer-text-color); + opacity: var(--f7-message-text-footer-opacity); + font-size: var(--f7-message-text-footer-font-size); +} +.message-text { + text-align: left; +} +.message-sent { + text-align: right; + flex-direction: row; + align-self: flex-start; +} +.message-sent .message-bubble { + color: var(--f7-message-sent-text-color); + background: var(--f7-message-sent-bg-color); +} +.message-sent .message-content { + align-items: flex-start; +} +.message-sent.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius); +} +.message-received { + flex-direction: row-reverse; + align-self: flex-end; +} +.message-received .message-bubble { + color: var(--f7-message-received-text-color); + background: var(--f7-message-received-bg-color); +} +.message-received .message-content { + align-items: flex-end; +} +.message-received.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0; +} +.message:not(.message-last) .message-avatar { + opacity: 0; +} +.message:not(.message-first) .message-name { + display: none; +} +.message.message-same-name .message-name { + display: none; +} +.message.message-same-header .message-header { + display: none; +} +.message.message-same-footer .message-footer { + display: none; +} +.message-appear-from-bottom { + animation: message-appear-from-bottom 300ms; +} +.message-appear-from-top { + animation: message-appear-from-top 300ms; +} +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle; +} +.message-typing-indicator > div { + display: inline-block; + position: relative; + background: var(--f7-message-typing-indicator-bg-color); + opacity: var(--f7-message-typing-indicator-opacity); + vertical-align: middle; + border-radius: 50%; +} +@keyframes message-appear-from-bottom { + from { + transform: translate3d(0, 100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +@keyframes message-appear-from-top { + from { + transform: translate3d(0, -100%, 0); + } + to { + transform: translate3d(0, 0, 0); + } +} +.ios .messages-title b, +.ios .message-header b, +.ios .message-footer b, +.ios .message-name b { + font-weight: 600; +} +.ios .message-header, +.ios .message-name { + margin-bottom: 3px; +} +.ios .message-footer { + margin-top: 3px; +} +.ios .message-bubble { + min-width: 48px; +} +.ios .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal)); +} +.ios .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical)); +} +.ios .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-border-radius); +} +.ios .message-text-header { + margin-bottom: 3px; +} +.ios .message-text-footer { + margin-top: 3px; +} +.ios .message-received { + margin-left: calc(10px + var(--f7-safe-area-left)); +} +.ios .message-received .message-header, +.ios .message-received .message-footer, +.ios .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-received .message-bubble { + padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received .message-image { + margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%; +} +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px; +} +.ios .message-sent { + margin-right: calc(10px + var(--f7-safe-area-right)); +} +.ios .message-sent .message-header, +.ios .message-sent .message-footer, +.ios .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.ios .message-sent .message-bubble { + padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent .message-image { + margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)); +} +.ios .message-sent.message-tail .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%; +} +.ios .message-sent.message-tail .message-bubble .message-image:last-child img { + border-bottom-right-radius: 0px; +} +.ios .message + .message:not(.message-first) { + margin-top: 1px; +} +.ios .message-received.message-typing .message-content:after, +.ios .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: var(--f7-message-received-bg-color); + border-radius: 50%; +} +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px; +} +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px; +} +.ios .message-typing-indicator > div { + width: 9px; + height: 9px; +} +.ios .message-typing-indicator > div + div { + margin-right: 4px; +} +.ios .message-typing-indicator > div:nth-child(1) { + animation: ios-message-typing-indicator 900ms infinite; +} +.ios .message-typing-indicator > div:nth-child(2) { + animation: ios-message-typing-indicator 900ms 150ms infinite; +} +.ios .message-typing-indicator > div:nth-child(3) { + animation: ios-message-typing-indicator 900ms 300ms infinite; +} +@keyframes ios-message-typing-indicator { + 0% { + opacity: 0.35; + } + 25% { + opacity: 0.2; + } + 50% { + opacity: 0.2; + } +} +.md .messages-title b, +.md .message-header b, +.md .message-footer b, +.md .message-name b { + font-weight: 500; +} +.md .message-header, +.md .message-name { + margin-bottom: 2px; +} +.md .message-footer { + margin-top: 2px; +} +.md .message-text-header { + margin-bottom: 4px; +} +.md .message-text-footer { + margin-top: 4px; +} +.md .message-received.message-tail .message-bubble:before, +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.md .message-received { + margin-left: calc(8px + var(--f7-safe-area-left)); +} +.md .message-received .message-avatar + .message-content { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.md .message-received.message-tail .message-bubble:before { + border-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid var(--f7-message-received-bg-color); + right: 100%; +} +.md .message-sent { + margin-right: calc(8px + var(--f7-safe-area-right)); +} +.md .message-sent .message-avatar + .message-content { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.md .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid var(--f7-message-sent-bg-color); + left: 100%; +} +.md .message + .message:not(.message-first) { + margin-top: 8px; +} +.md .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.md .message-typing-indicator > div + div { + margin-right: 6px; +} +.md .message-typing-indicator > div:nth-child(1) { + animation: md-message-typing-indicator 900ms infinite; +} +.md .message-typing-indicator > div:nth-child(2) { + animation: md-message-typing-indicator 900ms 150ms infinite; +} +.md .message-typing-indicator > div:nth-child(3) { + animation: md-message-typing-indicator 900ms 300ms infinite; +} +@keyframes md-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(-5px); + } + 50% { + transform: translateY(0%); + } +} +/* === Messagebar === */ +:root { + --f7-messagebar-bg-color: #fff; + --f7-messagebar-textarea-bg-color: transparent; + --f7-messagebar-attachments-height: 155px; + --f7-messagebar-attachment-height: 155px; + --f7-messagebar-attachment-landscape-height: 120px; + --f7-messagebar-sheet-height: 252px; + --f7-messagebar-sheet-landscape-height: 192px; +} +.ios { + --f7-messagebar-height: 44px; + --f7-messagebar-font-size: 17px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 17px; + --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-height: 34px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 17px; + --f7-messagebar-textarea-line-height: 20px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #d1d5da; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color); +} +.md { + --f7-messagebar-height: 48px; + --f7-messagebar-font-size: 16px; + --f7-messagebar-link-color: #333; + --f7-messagebar-border-color: #d1d1d1; + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-border-radius: 0px; + --f7-messagebar-textarea-padding: 5px 8px; + --f7-messagebar-textarea-height: 32px; + --f7-messagebar-textarea-text-color: #333; + --f7-messagebar-textarea-font-size: 16px; + --f7-messagebar-textarea-line-height: 22px; + --f7-messagebar-textarea-border: 1px solid transparent; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #ddd; + --f7-messagebar-attachment-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); + --f7-messagebar-border-color: #282829; + --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); +} +.messagebar { + transform: translate3d(0, 0, 0); + background: var(--f7-messagebar-bg-color); + height: auto; + min-height: var(--f7-messagebar-height); + font-size: var(--f7-messagebar-font-size); + padding-bottom: var(--f7-safe-area-bottom); + bottom: 0; +} +.messagebar:before { + content: ''; + position: absolute; + background-color: var(--f7-messagebar-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-messagebar-shadow-image); +} +.messagebar.no-hairline:before, +.messagebar.no-border:before { + display: none !important; +} +.messagebar.no-shadow:after, +.messagebar.toolbar-hidden:after { + display: none !important; +} +.messagebar .toolbar-inner { + top: auto; + position: relative; + height: auto; + bottom: auto; + flex-direction: row-reverse; +} +.messagebar.messagebar-sheet-visible > .toolbar-inner { + bottom: 0; +} +.messagebar .messagebar-area { + width: 100%; + flex-shrink: 1; + overflow: hidden; + position: relative; +} +.messagebar textarea { + width: 100%; + flex-shrink: 1; + background-color: var(--f7-messagebar-textarea-bg-color); + border-radius: var(--f7-messagebar-textarea-border-radius); + padding: var(--f7-messagebar-textarea-padding); + height: var(--f7-messagebar-textarea-height); + color: var(--f7-messagebar-textarea-text-color); + font-size: var(--f7-messagebar-textarea-font-size); + line-height: var(--f7-messagebar-textarea-line-height); + border: var(--f7-messagebar-textarea-border); +} +.messagebar a.link { + align-self: flex-end; + flex-shrink: 0; + color: var(--f7-messagebar-link-color, var(--f7-theme-color)); +} +.messagebar-attachments { + width: 100%; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + box-sizing: border-box; + position: relative; +} +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none; +} +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: var(--f7-messagebar-attachment-height); + position: relative; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +@media (orientation: landscape) { + .messagebar-attachment { + height: var(--f7-messagebar-attachment-landscape-height); + } +} +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; + border-radius: var(--f7-messagebar-attachment-border-radius); +} +.messagebar-attachment + .messagebar-attachment { + margin-right: 8px; +} +.messagebar-sheet { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-content: flex-start; + height: var(--f7-messagebar-sheet-height); + background-color: var(--f7-messagebar-sheet-bg-color); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right); +} +@media (orientation: landscape) { + .messagebar-sheet { + height: var(--f7-messagebar-sheet-landscape-height); + } +} +.messagebar-sheet-image, +.messagebar-sheet-item { + box-sizing: border-box; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + width: calc((var(--f7-messagebar-sheet-height) - 2px) / 2); + margin-right: 1px; +} +@media (orientation: landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2); + } +} +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px; +} +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + box-sizing: border-box; + cursor: pointer; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + top: 50%; +} +.messagebar-attachment-delete:after { + transform: rotate(45deg); +} +.messagebar-attachment-delete:before { + transform: rotate(-45deg); +} +.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { + display: none; +} +.messagebar ~ .page-content, +.messagebar ~ * .page-content { + padding-bottom: calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom)); +} +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px; +} +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px; +} +.ios .messagebar a.link:not(.icon-only) + .messagebar-area { + margin-left: 8px; +} +.ios .messagebar .messagebar-area + a.link:not(.icon-only) { + margin-left: 8px; +} +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.ios .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none; +} +.ios .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.ios .messagebar-attachment { + font-size: 14px; +} +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff; +} +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px; +} +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid var(--f7-messagebar-attachments-border-color); +} +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px; +} +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, 0.25); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background-color: var(--f7-theme-color); + border-radius: 4px; +} +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px; +} +/* === Swiper === */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +/* 3D Effects */ +.swiper-container-3d { + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-container-wp8-horizontal, +.swiper-container-wp8-horizontal > .swiper-wrapper { + touch-action: pan-y; +} +.swiper-container-wp8-vertical, +.swiper-container-wp8-vertical > .swiper-wrapper { + touch-action: pan-x; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip { + overflow: visible; +} +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-container-flip .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + line-height: 44px; + text-align: center; + margin-top: -22px; + z-index: 10; + cursor: pointer; + color: var(--f7-theme-color); +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + font-size: 44px; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content: 'swiper_prev'; +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content: 'swiper_next'; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-container-horizontal > .swiper-pagination-bullets { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: var(--f7-theme-color); +} +.swiper-container-vertical > .swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--f7-theme-color); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-container-horizontal > .swiper-pagination-progressbar, +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-container-vertical > .swiper-pagination-progressbar, +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.preloader.swiper-lazy-preloader { + position: absolute; + left: 50%; + top: 50%; + z-index: 10; + width: 32px; + height: 32px; + margin-left: -16px; + margin-top: -16px; +} +/* === Photo Browser === */ +:root { + --f7-photobrowser-bg-color: #fff; + --f7-photobrowser-bars-bg-image: none; + /* + --f7-photobrowser-bars-bg-color: rgba(var(--f7-bars-bg-color-rgb), 0.95); + --f7-photobrowser-bars-text-color: var(--f7-bars-text-color); + --f7-photobrowser-bars-link-color: var(--f7-bars-link-color); + */ + --f7-photobrowser-caption-font-size: 14px; + --f7-photobrowser-caption-light-text-color: #000; + --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8); + --f7-photobrowser-caption-dark-text-color: #fff; + --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8); + --f7-photobrowser-exposed-bg-color: #000; + --f7-photobrowser-dark-bg-color: #000; + --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8); + --f7-photobrowser-dark-bars-text-color: #fff; + --f7-photobrowser-dark-bars-link-color: #fff; +} +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400; +} +.photo-browser-standalone.modal-in { + transition-duration: 0ms; + animation: photo-browser-in 400ms; +} +.photo-browser-standalone.modal-out { + transition-duration: 0ms; + animation: photo-browser-out 400ms; +} +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + animation: none; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + transition-duration: 300ms; +} +.photo-browser-popup.modal-out.swipe-close-to-bottom { + transform: translate3d(0, 100%, 0); +} +.photo-browser-popup.modal-out.swipe-close-to-top { + transform: translate3d(0, -100vh, 0); +} +.photo-browser-page { + background: none; +} +.photo-browser-page .toolbar { + transform: none; +} +.photo-browser-popup { + background: none; +} +.photo-browser-of { + margin: 0 5px; +} +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: var(--f7-safe-area-bottom); + z-index: 10; + opacity: 1; + transition: 400ms; +} +.photo-browser-captions.photo-browser-captions-exposed { + opacity: 0; +} +.toolbar ~ .photo-browser-captions { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); + transform: translate3d(0, 0px, 0); +} +.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { + transform: translate3d(0, 0px, 0); +} +.photo-browser-caption { + box-sizing: border-box; + transition: 300ms; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + font-size: var(--f7-photobrowser-caption-font-size); +} +.photo-browser-caption:empty { + display: none; +} +.photo-browser-caption.photo-browser-caption-active { + opacity: 1; +} +.photo-browser-captions-light .photo-browser-caption { + color: var(--f7-photobrowser-caption-light-text-color); + background: var(--f7-photobrowser-caption-light-bg-color); +} +.photo-browser-captions-dark .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: var(--f7-photobrowser-bg-color); + transition: 400ms; + transition-property: background-color; +} +.photo-browser-prev.swiper-button-disabled, +.photo-browser-next.swiper-button-disabled { + opacity: 0.3; + pointer-events: none; +} +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; +} +.photo-browser-slide.photo-browser-transitioning { + transition: 400ms; + transition-property: transform; +} +.photo-browser-slide span.swiper-zoom-container { + display: none; +} +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none; +} +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: flex; +} +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline; +} +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block; +} +.photo-browser-slide iframe { + width: 100%; + height: 100%; +} +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50%; +} +.photo-browser-page .navbar, +.view.with-photo-browser-page .navbar, +.photo-browser-page .toolbar, +.view.with-photo-browser-page .toolbar { + background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); + background-image: var(--f7-photobrowser-bars-bg-image); + transition: 400ms; + color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color)); +} +.photo-browser-page .navbar a, +.view.with-photo-browser-page .navbar a, +.photo-browser-page .toolbar a, +.view.with-photo-browser-page .toolbar a { + color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none; +} +.photo-browser-exposed .toolbar ~ .photo-browser-captions { + transform: translate3d(0, var(--f7-toolbar-height), 0); +} +.photo-browser-exposed .photo-browser-swiper-container { + background: var(--f7-photobrowser-exposed-bg-color); +} +.photo-browser-exposed .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color); +} +.view.with-photo-browser-page-exposed .navbar { + opacity: 0; +} +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container, +.view.with-photo-browser-page-dark .photo-browser-swiper-container { + background: var(--f7-photobrowser-dark-bg-color); +} +.photo-browser-dark .navbar, +.photo-browser-page-dark .navbar, +.view.with-photo-browser-page-dark .navbar, +.photo-browser-dark .toolbar, +.photo-browser-page-dark .toolbar, +.view.with-photo-browser-page-dark .toolbar { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + --f7-link-highlight-color: var(--f7-link-highlight-white); + background: var(--f7-photobrowser-dark-bars-bg-color); + color: var(--f7-photobrowser-dark-bars-text-color); +} +.photo-browser-dark .navbar:before, +.photo-browser-page-dark .navbar:before, +.view.with-photo-browser-page-dark .navbar:before, +.photo-browser-dark .toolbar:before, +.photo-browser-page-dark .toolbar:before, +.view.with-photo-browser-page-dark .toolbar:before { + display: none !important; +} +.photo-browser-dark .navbar:after, +.photo-browser-page-dark .navbar:after, +.view.with-photo-browser-page-dark .navbar:after, +.photo-browser-dark .toolbar:after, +.photo-browser-page-dark .toolbar:after, +.view.with-photo-browser-page-dark .toolbar:after { + display: none !important; +} +.photo-browser-dark .navbar a, +.photo-browser-page-dark .navbar a, +.view.with-photo-browser-page-dark .navbar a, +.photo-browser-dark .toolbar a, +.photo-browser-page-dark .toolbar a, +.view.with-photo-browser-page-dark .toolbar a { + color: var(--f7-photobrowser-dark-bars-link-color); +} +@keyframes photo-browser-in { + 0% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } +} +@keyframes photo-browser-out { + 0% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1; + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1; + } + 100% { + transform: translate3d(0, 0, 0) scale(0.5); + opacity: 0; + } +} +/* === Notifications === */ +:root { + --f7-notification-max-width: 568px; +} +.ios { + --f7-notification-margin: 8px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 12px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: rgba(250, 250, 250, 0.95); + --f7-notification-translucent-bg-color-ios: rgba(255, 255, 255, 0.65); + --f7-notification-icon-size: 20px; + --f7-notification-title-color: #000; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 400; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 15px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 15px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.2; + --f7-notification-text-font-weight: 400; +} +.md { + --f7-notification-margin: 0px; + --f7-notification-padding: 16px; + --f7-notification-border-radius: 0px; + --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 16px; + --f7-notification-title-color: var(--f7-theme-color); + --f7-notification-title-font-size: 12px; + --f7-notification-title-text-transform: none; + --f7-notification-title-line-height: 1; + --f7-notification-title-font-weight: 400; + --f7-notification-title-right-color: #757575; + --f7-notification-title-right-font-size: 12px; + --f7-notification-subtitle-color: #212121; + --f7-notification-subtitle-font-size: 14px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-subtitle-font-weight: 400; + --f7-notification-text-color: #757575; + --f7-notification-text-font-size: 14px; + --f7-notification-text-text-transform: none; + --f7-notification-text-line-height: 1.35; + --f7-notification-text-font-weight: 400; +} +.notification { + position: absolute; + left: var(--f7-notification-margin); + top: var(--f7-notification-margin); + width: calc(100% - var(--f7-notification-margin) * 2); + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + box-sizing: border-box; + transition-property: transform; + direction: ltr; + max-width: var(--f7-notification-max-width); + padding: var(--f7-notification-padding); + border-radius: var(--f7-notification-border-radius); + box-shadow: var(--f7-notification-box-shadow); + background: var(--f7-notification-bg-color); + margin-top: var(--f7-statusbar-height); + --f7-link-highlight-color: var(--f7-link-highlight-black); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +@media (min-width: 568px) { + .notification { + left: 50%; + width: var(--f7-notification-max-width); + margin-left: calc(-1 * var(--f7-notification-max-width) / 2); + } +} +.notification-title { + color: var(--f7-notification-title-color, var(--f7-theme-color)); + font-size: var(--f7-notification-title-font-size); + text-transform: var(--f7-notification-title-text-transform); + line-height: var(--f7-notification-title-line-height); + font-weight: var(--f7-notification-title-font-weight); + letter-spacing: var(--f7-notification-title-letter-spacing); +} +.notification-subtitle { + color: var(--f7-notification-subtitle-color); + font-size: var(--f7-notification-subtitle-font-size); + text-transform: var(--f7-notification-subtitle-text-transform); + line-height: var(--f7-notification-subtitle-line-height); + font-weight: var(--f7-notification-subtitle-font-weight); +} +.notification-text { + color: var(--f7-notification-text-color); + font-size: var(--f7-notification-text-font-size); + text-transform: var(--f7-notification-text-text-transform); + line-height: var(--f7-notification-text-line-height); + font-weight: var(--f7-notification-text-font-weight); +} +.notification-title-right-text { + color: var(--f7-notification-title-right-color); + font-size: var(--f7-notification-title-right-font-size); +} +.notification-icon { + font-size: 0; + line-height: var(--f7-notification-icon-size); +} +.notification-icon i, +.notification-icon { + width: var(--f7-notification-icon-size) !important; + height: var(--f7-notification-icon-size) !important; +} +.notification-icon i { + font-size: var(--f7-notification-icon-size); +} +.notification-header { + display: flex; + justify-content: flex-start; + align-items: center; +} +.notification-close-button { + margin-left: auto; + cursor: pointer; + position: relative; +} +.notification-close-button:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + left: 50%; + top: 50%; + text-align: center; +} +.ios .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .ios .notification { + background: var(--f7-notification-translucent-bg-color-ios); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.ios .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.ios .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.ios .notification-icon { + margin-right: 8px; +} +.ios .notification-header + .notification-content { + margin-top: 10px; +} +.ios .notification-title-right-text { + margin-right: 6px; + margin-left: auto; +} +.ios .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.ios .notification-close-button { + font-size: 14px; + width: 20px; + height: 20px; + opacity: 0.3; + transition-duration: 300ms; +} +.ios .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.1; +} +.ios .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.65em; + line-height: 44px; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px; +} +.md .notification { + transform: translate3d(0, -150%, 0); +} +.md .notification.modal-in { + transition-duration: 0ms; + animation: notification-md-in 400ms ease-out; + transform: translate3d(0, 0%, 0); +} +.md .notification.modal-in.notification-transitioning { + transition-duration: 200ms; +} +.md .notification.modal-out { + animation: none; + transition-duration: 200ms; + transition-timing-function: ease-in; + transform: translate3d(0, -150%, 0); +} +.md .notification-icon { + margin-right: 8px; +} +.md .notification-subtitle + .notification-text { + margin-top: 2px; +} +.md .notification-header + .notification-content { + margin-top: 6px; +} +.md .notification-title-right-text { + margin-left: 4px; +} +.md .notification-title-right-text:before { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: var(--f7-notification-title-right-color); +} +.md .notification-close-button { + width: 16px; + height: 16px; + transition-duration: 300ms; +} +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .notification-close-button.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .notification-close-button:before, +.md .notification-close-button:after { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px; +} +.md .notification-close-button:after { + color: #737373; + content: 'delete_md'; + line-height: 48px; + font-size: 14px; +} +@keyframes notification-md-in { + 0% { + transform: translate3d(0, -150%, 0); + } + 50% { + transform: translate3d(0, 10%, 0); + } + 100% { + transform: translate3d(0, 0%, 0); + } +} +/* === Autocomplete === */ +:root { + --f7-autocomplete-dropdown-bg-color: #fff; + --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; + --f7-autocomplete-dropdown-preloader-size: 20px; +} +.ios { + --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000; + --f7-autocomplete-dropdown-text-matching-font-weight: 600; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} +.md { + --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54); + --f7-autocomplete-dropdown-text-matching-color: #212121; + --f7-autocomplete-dropdown-text-matching-font-weight: 400; +} +.md .theme-dark, +.md.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d; + --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); + --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); +} +.autocomplete-page .autocomplete-found { + display: block; +} +.autocomplete-page .autocomplete-not-found { + display: none; +} +.autocomplete-page .autocomplete-values { + display: block; +} +.autocomplete-page .list ul:empty { + display: none; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden; +} +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + animation: none; +} +.autocomplete-dropdown { + background: var(--f7-autocomplete-dropdown-bg-color); + box-shadow: var(--f7-autocomplete-dropdown-box-shadow); + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + right: 0; +} +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1; +} +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: var(--f7-autocomplete-dropdown-preloader-size); + height: var(--f7-autocomplete-dropdown-preloader-size); +} +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block; +} +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-autocomplete-dropdown-placeholder-color); +} +.autocomplete-dropdown .list { + margin: 0; + color: var(--f7-autocomplete-dropdown-text-color); +} +.autocomplete-dropdown .list b { + color: var(--f7-autocomplete-dropdown-text-matching-color); + font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight); +} +.autocomplete-dropdown .list ul { + background: none !important; +} +.autocomplete-dropdown .list ul:before { + display: none !important; +} +.autocomplete-dropdown .list ul:after { + display: none !important; +} +.searchbar-input-wrap .autocomplete-dropdown { + background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color)); + border-radius: var(--f7-searchbar-input-border-radius); +} +.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-searchbar-placeholder-color); +} +.searchbar-input-wrap .autocomplete-dropdown li:last-child { + border-radius: 0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius); + position: relative; + overflow: hidden; +} +.searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-right: var(--f7-searchbar-input-padding-left); +} +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + flex-shrink: 10; + overflow: hidden; +} +.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap { + margin-right: 0; +} +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100%; +} +.ios .autocomplete-dropdown .autocomplete-preloader { + left: 15px; + margin-bottom: 12px; +} +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} +.md .autocomplete-page .navbar .autocomplete-preloader { + margin-left: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader { + left: 16px; + margin-bottom: 8px; +} +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px; +} +/* === Tooltip === */ +:root { + --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); + --f7-tooltip-text-color: #fff; + --f7-tooltip-border-radius: 4px; + --f7-tooltip-padding: 8px 16px; + --f7-tooltip-font-size: 14px; + --f7-tooltip-font-weight: 500; + --f7-tooltip-desktop-padding: 6px 8px; + --f7-tooltip-desktop-font-size: 12px; +} +.tooltip { + position: absolute; + z-index: 20000; + background: var(--f7-tooltip-bg-color); + border-radius: var(--f7-tooltip-border-radius); + padding: var(--f7-tooltip-padding); + color: var(--f7-tooltip-text-color); + font-size: var(--f7-tooltip-font-size); + font-weight: var(--f7-tooltip-font-weight); + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + transform: scale(0.9); + transition-duration: 150ms; + transition-property: opacity, transform; + z-index: 99000; +} +.tooltip.tooltip-in { + transform: scale(1); + opacity: 1; +} +.tooltip.tooltip-out { + opacity: 0; + transform: scale(1); +} +.device-desktop .tooltip { + font-size: var(--f7-tooltip-desktop-font-size); + padding: var(--f7-tooltip-desktop-padding); +} +/* === Gauge === */ +.gauge { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block; +} +.gauge-svg, +.gauge svg { + max-width: 100%; + height: auto; +} +.gauge-svg circle, +.gauge svg circle, +.gauge-svg path, +.gauge svg path { + transition-duration: 400ms; +} +/* === Skeleton === */ +:root { + --f7-skeleton-color: #ccc; +} +.theme-dark { + --f7-skeleton-color: #515151; +} +.skeleton-text { + font-family: 'framework7-skeleton' !important; +} +.skeleton-text, +.skeleton-text * { + color: var(--f7-skeleton-color) !important; + font-weight: normal !important; + font-style: normal !important; + letter-spacing: -0.015em !important; +} +.skeleton-block { + height: 1em; + background: var(--f7-skeleton-color) !important; + width: 100%; +} +.skeleton-effect-fade { + animation: skeleton-effect-fade 1s infinite; +} +.skeleton-effect-blink { + -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: 50% top; + mask-position: 50% top; + animation: skeleton-effect-blink 1s infinite; +} +.skeleton-effect-pulse { + animation: skeleton-effect-pulse 1s infinite; +} +@keyframes skeleton-effect-fade { + 0% { + opacity: 1; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@keyframes skeleton-effect-blink { + 0% { + -webkit-mask-position: 50% top; + mask-position: 50% top; + } + 100% { + -webkit-mask-position: -150% top; + mask-position: -150% top; + } +} +@keyframes skeleton-effect-pulse { + 0% { + transform: scale(1); + } + 40% { + transform: scale(1); + } + 50% { + transform: scale(0.975); + } + 100% { + transform: scale(1); + } +} +/* === Menu === */ +:root { + --f7-menu-text-color: #fff; + --f7-menu-font-size: 16px; + --f7-menu-font-weight: 500; + --f7-menu-line-height: 1.2; + --f7-menu-bg-color: rgba(0, 0, 0, 0.9); + --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9); + --f7-menu-item-padding-horizontal: 12px; + --f7-menu-item-spacing: 6px; + --f7-menu-item-height: 40px; + --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4); + --f7-menu-item-border-radius: 8px; + /* + --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color); + */ + --f7-menu-dropdown-item-height: 28px; + --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2); + --f7-menu-dropdown-padding-vertical: 6px; + /* + --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); + */ +} +.menu { + z-index: 1000; + position: relative; + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.menu-inner { + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding-left: var(--f7-menu-item-spacing); + padding-right: var(--f7-menu-item-spacing); +} +.menu-inner:after { + content: ''; + width: var(--f7-menu-item-spacing); + height: 100%; + flex-shrink: 0; +} +.menu-item { + height: var(--f7-menu-item-height); + min-width: var(--f7-menu-item-height); + flex-shrink: 0; + background: var(--f7-menu-bg-color); + color: var(--f7-menu-text-color); + border-radius: var(--f7-menu-item-border-radius); + position: relative; + box-sizing: border-box; + font-size: var(--f7-menu-font-size); + font-weight: var(--f7-menu-font-weight); + cursor: pointer; + margin-right: var(--f7-menu-item-spacing); +} +.menu-item:first-child { + margin-right: 0; +} +.menu-item.active-state:not(.menu-item-dropdown-opened) { + background-color: rgba(0, 0, 0, 0.7); +} +.menu-item.icon-only { + padding-left: 0; + padding-right: 0; +} +.menu-item-content { + display: flex; + justify-content: center; + align-items: center; + padding: 0 var(--f7-menu-item-padding-horizontal); + height: 100%; + box-sizing: border-box; + width: 100%; + overflow: hidden; + border-radius: var(--f7-menu-item-border-radius); + position: relative; +} +.menu-item-content.icon-only, +.icon-only .menu-item-content { + padding-left: 0; + padding-right: 0; +} +.menu-item-dropdown .menu-item-content:after { + content: ''; + position: absolute; + width: 20px; + height: 2px; + left: 50%; + transform: translateX(-50%); + bottom: 4px; + background: var(--f7-menu-item-dropdown-icon-color); + border-radius: 4px; +} +.menu-dropdown { + opacity: 0; + visibility: hidden; + pointer-events: none; + cursor: auto; + height: 10px; + background: var(--f7-menu-bg-color); + position: relative; +} +.menu-dropdown-content { + position: absolute; + top: 100%; + border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius)); + padding-top: var(--f7-menu-dropdown-padding-vertical); + padding-bottom: var(--f7-menu-dropdown-padding-vertical); + box-sizing: border-box; + background: var(--f7-menu-bg-color); + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + min-width: calc(100% + 24px); +} +.menu-dropdown-link, +.menu-dropdown-item { + display: flex; + justify-content: space-between; + align-items: center; + padding-left: var(--f7-menu-item-padding-horizontal); + padding-right: var(--f7-menu-item-padding-horizontal); + min-height: var(--f7-menu-dropdown-item-height); + line-height: var(--f7-menu-line-height); + font-size: var(--f7-menu-font-size); + color: var(--f7-menu-text-color); + font-weight: var(--f7-menu-font-weight); + white-space: nowrap; + min-width: 100px; +} +.menu-dropdown-link i, +.menu-dropdown-item i, +.menu-dropdown-link i.icon, +.menu-dropdown-item i.icon, +.menu-dropdown-link i.f7-icons, +.menu-dropdown-item i.f7-icons, +.menu-dropdown-link i.material-icons, +.menu-dropdown-item i.material-icons { + font-size: 20px; +} +.menu-dropdown-link.active-state { + background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color)); + color: var(--f7-menu-text-color); +} +.menu-dropdown-divider { + height: 1px; + margin-top: 2px; + margin-bottom: 2px; + background: var(--f7-menu-dropdown-divider-color); +} +.menu-item-dropdown-opened { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} +.menu-item-dropdown-opened .menu-item-content:after { + opacity: 0; +} +.menu-item-dropdown-opened .menu-dropdown { + opacity: 1; + visibility: visible; + pointer-events: auto; +} +.menu-item-dropdown-left .menu-dropdown:after, +.menu-item-dropdown-center .menu-dropdown:after, +.menu-dropdown-left:after .menu-dropdown-center:after { + content: ''; + position: absolute; + left: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-right .menu-dropdown:before, +.menu-item-dropdown-center .menu-dropdown:before, +.menu-dropdown-right:before, +.menu-dropdown-center:before { + content: ''; + position: absolute; + right: 100%; + bottom: 0; + width: 8px; + height: 8px; + background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%); +} +.menu-item-dropdown-left .menu-dropdown-content, +.menu-dropdown-left .menu-dropdown-content { + left: 0; + border-top-left-radius: 0px; +} +.menu-item-dropdown-right .menu-dropdown-content, +.menu-dropdown-right .menu-dropdown-content { + right: 0; + border-top-right-radius: 0px; +} +.menu-item-dropdown-center .menu-dropdown-content, +.menu-dropdown-center .menu-dropdown-content { + left: 50%; + min-width: calc(100% + 24px + 24px); + transform: translateX(-50%); +} +iframe#viAd { + z-index: 12900 !important; + background: #000 !important; +} +.vi-overlay { + background: rgba(0, 0, 0, 0.85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, 0.65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + } +} +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80%; +} +.vi-overlay .vi-overlay-text + .vi-overlay-play-button { + margin-top: 15px; +} +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative; +} +.vi-overlay .vi-overlay-play-button.active-state { + opacity: 0.55; +} +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + transform: translate(-50%, -50%); +} +/* === Elevation === */ +:root { + --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0); + --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), + 0px 1px 1px 0px rgba(0, 0, 0, 0.14), + 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), + 0px 3px 4px 0px rgba(0, 0, 0, 0.14), + 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), + 0px 4px 5px 0px rgba(0, 0, 0, 0.14), + 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 5px 8px 0px rgba(0, 0, 0, 0.14), + 0px 1px 14px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), + 0px 6px 10px 0px rgba(0, 0, 0, 0.14), + 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), + 0px 7px 10px 1px rgba(0, 0, 0, 0.14), + 0px 2px 16px 1px rgba(0, 0, 0, 0.12); + --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), + 0px 8px 10px 1px rgba(0, 0, 0, 0.14), + 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), + 0px 9px 12px 1px rgba(0, 0, 0, 0.14), + 0px 3px 16px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), + 0px 10px 14px 1px rgba(0, 0, 0, 0.14), + 0px 4px 18px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), + 0px 11px 15px 1px rgba(0, 0, 0, 0.14), + 0px 4px 20px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 12px 17px 2px rgba(0, 0, 0, 0.14), + 0px 5px 22px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), + 0px 13px 19px 2px rgba(0, 0, 0, 0.14), + 0px 5px 24px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), + 0px 14px 21px 2px rgba(0, 0, 0, 0.14), + 0px 5px 26px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), + 0px 15px 22px 2px rgba(0, 0, 0, 0.14), + 0px 6px 28px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), + 0px 16px 24px 2px rgba(0, 0, 0, 0.14), + 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), + 0px 17px 26px 2px rgba(0, 0, 0, 0.14), + 0px 6px 32px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), + 0px 18px 28px 2px rgba(0, 0, 0, 0.14), + 0px 7px 34px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), + 0px 19px 29px 2px rgba(0, 0, 0, 0.14), + 0px 7px 36px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 20px 31px 3px rgba(0, 0, 0, 0.14), + 0px 8px 38px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), + 0px 21px 33px 3px rgba(0, 0, 0, 0.14), + 0px 8px 40px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), + 0px 22px 35px 3px rgba(0, 0, 0, 0.14), + 0px 8px 42px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), + 0px 23px 36px 3px rgba(0, 0, 0, 0.14), + 0px 9px 44px 8px rgba(0, 0, 0, 0.12); + --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.elevation-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.elevation-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.elevation-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.elevation-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.elevation-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.elevation-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.elevation-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.elevation-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.elevation-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.elevation-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.elevation-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.elevation-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.elevation-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.elevation-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.elevation-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.elevation-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.elevation-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.elevation-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.elevation-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.elevation-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.elevation-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.elevation-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.elevation-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.elevation-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.elevation-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.device-desktop .elevation-hover-0:hover { + box-shadow: var(--f7-elevation-0) !important; +} +.device-desktop .elevation-hover-1:hover { + box-shadow: var(--f7-elevation-1) !important; +} +.device-desktop .elevation-hover-2:hover { + box-shadow: var(--f7-elevation-2) !important; +} +.device-desktop .elevation-hover-3:hover { + box-shadow: var(--f7-elevation-3) !important; +} +.device-desktop .elevation-hover-4:hover { + box-shadow: var(--f7-elevation-4) !important; +} +.device-desktop .elevation-hover-5:hover { + box-shadow: var(--f7-elevation-5) !important; +} +.device-desktop .elevation-hover-6:hover { + box-shadow: var(--f7-elevation-6) !important; +} +.device-desktop .elevation-hover-7:hover { + box-shadow: var(--f7-elevation-7) !important; +} +.device-desktop .elevation-hover-8:hover { + box-shadow: var(--f7-elevation-8) !important; +} +.device-desktop .elevation-hover-9:hover { + box-shadow: var(--f7-elevation-9) !important; +} +.device-desktop .elevation-hover-10:hover { + box-shadow: var(--f7-elevation-10) !important; +} +.device-desktop .elevation-hover-11:hover { + box-shadow: var(--f7-elevation-11) !important; +} +.device-desktop .elevation-hover-12:hover { + box-shadow: var(--f7-elevation-12) !important; +} +.device-desktop .elevation-hover-13:hover { + box-shadow: var(--f7-elevation-13) !important; +} +.device-desktop .elevation-hover-14:hover { + box-shadow: var(--f7-elevation-14) !important; +} +.device-desktop .elevation-hover-15:hover { + box-shadow: var(--f7-elevation-15) !important; +} +.device-desktop .elevation-hover-16:hover { + box-shadow: var(--f7-elevation-16) !important; +} +.device-desktop .elevation-hover-17:hover { + box-shadow: var(--f7-elevation-17) !important; +} +.device-desktop .elevation-hover-18:hover { + box-shadow: var(--f7-elevation-18) !important; +} +.device-desktop .elevation-hover-19:hover { + box-shadow: var(--f7-elevation-19) !important; +} +.device-desktop .elevation-hover-20:hover { + box-shadow: var(--f7-elevation-20) !important; +} +.device-desktop .elevation-hover-21:hover { + box-shadow: var(--f7-elevation-21) !important; +} +.device-desktop .elevation-hover-22:hover { + box-shadow: var(--f7-elevation-22) !important; +} +.device-desktop .elevation-hover-23:hover { + box-shadow: var(--f7-elevation-23) !important; +} +.device-desktop .elevation-hover-24:hover { + box-shadow: var(--f7-elevation-24) !important; +} +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + box-shadow: var(--f7-elevation-0) !important; +} +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + box-shadow: var(--f7-elevation-1) !important; +} +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + box-shadow: var(--f7-elevation-2) !important; +} +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + box-shadow: var(--f7-elevation-3) !important; +} +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + box-shadow: var(--f7-elevation-4) !important; +} +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + box-shadow: var(--f7-elevation-5) !important; +} +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + box-shadow: var(--f7-elevation-6) !important; +} +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + box-shadow: var(--f7-elevation-7) !important; +} +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + box-shadow: var(--f7-elevation-8) !important; +} +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + box-shadow: var(--f7-elevation-9) !important; +} +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + box-shadow: var(--f7-elevation-10) !important; +} +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + box-shadow: var(--f7-elevation-11) !important; +} +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + box-shadow: var(--f7-elevation-12) !important; +} +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + box-shadow: var(--f7-elevation-13) !important; +} +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + box-shadow: var(--f7-elevation-14) !important; +} +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + box-shadow: var(--f7-elevation-15) !important; +} +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + box-shadow: var(--f7-elevation-16) !important; +} +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + box-shadow: var(--f7-elevation-17) !important; +} +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + box-shadow: var(--f7-elevation-18) !important; +} +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + box-shadow: var(--f7-elevation-19) !important; +} +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + box-shadow: var(--f7-elevation-20) !important; +} +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + box-shadow: var(--f7-elevation-21) !important; +} +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + box-shadow: var(--f7-elevation-22) !important; +} +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + box-shadow: var(--f7-elevation-23) !important; +} +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + box-shadow: var(--f7-elevation-24) !important; +} +.elevation-transition-100 { + transition-duration: 100ms; + transition-property: box-shadow; +} +.elevation-transition, +.elevation-transition-200 { + transition-duration: 200ms; + transition-property: box-shadow; +} +.elevation-transition-300 { + transition-duration: 300ms; + transition-property: box-shadow; +} +.elevation-transition-400 { + transition-duration: 400ms; + transition-property: box-shadow; +} +.elevation-transition-500 { + transition-duration: 500ms; + transition-property: box-shadow; +} +/* === Typography === */ +.ios { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} +.md { + --f7-typography-padding: 16px; + --f7-typography-margin: 16px; +} +.display-flex { + display: flex !important; +} +.display-block { + display: block !important; +} +.display-inline-flex { + display: inline-flex !important; +} +.display-inline-block { + display: inline-block !important; +} +.display-inline { + display: inline !important; +} +.display-none { + display: none !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.flex-shrink-2 { + flex-shrink: 2 !important; +} +.flex-shrink-3 { + flex-shrink: 3 !important; +} +.flex-shrink-4 { + flex-shrink: 4 !important; +} +.flex-shrink-5 { + flex-shrink: 5 !important; +} +.flex-shrink-6 { + flex-shrink: 6 !important; +} +.flex-shrink-7 { + flex-shrink: 7 !important; +} +.flex-shrink-8 { + flex-shrink: 8 !important; +} +.flex-shrink-9 { + flex-shrink: 9 !important; +} +.flex-shrink-10 { + flex-shrink: 10 !important; +} +.justify-content-flex-start { + justify-content: flex-start !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-flex-end { + justify-content: flex-end !important; +} +.justify-content-space-between { + justify-content: space-between !important; +} +.justify-content-space-around { + justify-content: space-around !important; +} +.justify-content-space-evenly { + justify-content: space-evenly !important; +} +.justify-content-stretch { + justify-content: stretch !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-end { + justify-content: end !important; +} +.justify-content-left { + justify-content: left !important; +} +.justify-content-right { + justify-content: right !important; +} +.align-content-flex-start { + align-content: flex-start !important; +} +.align-content-flex-end { + align-content: flex-end !important; +} +.align-content-center { + align-content: center !important; +} +.align-content-space-between { + align-content: space-between !important; +} +.align-content-space-around { + align-content: space-around !important; +} +.align-content-stretch { + align-content: stretch !important; +} +.align-items-flex-start { + align-items: flex-start !important; +} +.align-items-flex-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +.align-items-stretch { + align-items: stretch !important; +} +.align-self-flex-start { + align-self: flex-start !important; +} +.align-self-flex-end { + align-self: flex-end !important; +} +.align-self-center { + align-self: center !important; +} +.align-self-stretch { + align-self: stretch !important; +} +.text-align-left { + text-align: left !important; +} +.text-align-center { + text-align: center !important; +} +.text-align-right { + text-align: right !important; +} +.text-align-justify { + text-align: justify !important; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.vertical-align-bottom { + vertical-align: bottom !important; +} +.vertical-align-middle { + vertical-align: middle !important; +} +.vertical-align-top { + vertical-align: top !important; +} +.no-padding { + padding: 0 !important; +} +.no-padding-left { + padding-left: 0 !important; +} +.no-padding-right { + padding-right: 0 !important; +} +.no-padding-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +.no-padding-top { + padding-top: 0 !important; +} +.no-padding-bottom { + padding-bottom: 0 !important; +} +.no-padding-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.no-margin { + margin: 0 !important; +} +.no-margin-left { + margin-left: 0 !important; +} +.no-margin-right { + margin-right: 0 !important; +} +.no-margin-horizontal { + margin-left: 0 !important; + margin-right: 0 !important; +} +.no-margin-top { + margin-top: 0 !important; +} +.no-margin-bottom { + margin-bottom: 0 !important; +} +.no-margin-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.width-auto { + width: auto !important; +} +.width-100 { + width: 100% !important; +} +.padding { + padding: var(--f7-typography-padding) !important; +} +.padding-top { + padding-top: var(--f7-typography-padding) !important; +} +.padding-bottom { + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-left { + padding-left: var(--f7-typography-padding) !important; +} +.padding-right { + padding-right: var(--f7-typography-padding) !important; +} +.padding-vertical { + padding-top: var(--f7-typography-padding) !important; + padding-bottom: var(--f7-typography-padding) !important; +} +.padding-horizontal { + padding-left: var(--f7-typography-padding) !important; + padding-right: var(--f7-typography-padding) !important; +} +.margin { + margin: var(--f7-typography-margin) !important; +} +.margin-top { + margin-top: var(--f7-typography-margin) !important; +} +.margin-bottom { + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-left { + margin-left: var(--f7-typography-margin) !important; +} +.margin-right { + margin-right: var(--f7-typography-margin) !important; +} +.margin-vertical { + margin-top: var(--f7-typography-margin) !important; + margin-bottom: var(--f7-typography-margin) !important; +} +.margin-horizontal { + margin-left: var(--f7-typography-margin) !important; + margin-right: var(--f7-typography-margin) !important; +} +[class*="text-color-"] { + color: var(--f7-theme-color-text-color) !important; +} +[class*="bg-color-"] { + background-color: var(--f7-theme-color-bg-color) !important; +} +[class*="border-color-"] { + border-color: var(--f7-theme-color-border-color) !important; +} diff --git a/mobile/www/framework7/css/framework7.bundle.rtl.min.css b/mobile/www/framework7/css/framework7.bundle.rtl.min.css new file mode 100644 index 0000000..c9cbb06 --- /dev/null +++ b/mobile/www/framework7/css/framework7.bundle.rtl.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(-200%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(-200%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size, var(--f7-button-font-size))}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-text-align:center;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-bg-color:#fff;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{padding:15px;border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0;background:var(--f7-dialog-bg-color)}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1;background:var(--f7-dialog-bg-color)}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog{background:var(--f7-dialog-bg-color)}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-inner{padding:24px 24px 20px}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:.4s}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){.popup-backdrop{z-index:9500}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0}:root .theme-dark,:root.theme-dark{--f7-login-screen-bg-color:#171717;--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px;--f7-login-screen-title-font-size:30px;--f7-login-screen-title-font-weight:normal}.md{--f7-login-screen-blocks-margin-vertical:24px;--f7-login-screen-title-font-size:34px;--f7-login-screen-title-font-weight:normal}.login-screen{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen-content{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none!important}.login-screen-content .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:#8a8a8a}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-bottom{transform-origin:center top}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-text-color:var(--f7-theme-color);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-text-color:#757575;--f7-actions-grid-button-icon-size:48px;--f7-actions-grid-button-font-size:12px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color);font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}:root{--f7-sheet-height:260px}.ios{--f7-sheet-bg-color:#cfd5da;--f7-sheet-border-color:#929499}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#171717;--f7-sheet-border-color:var(--f7-bars-border-color)}.md{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-sheet-bg-color:#202020;--f7-sheet-border-color:transparent}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal:before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal:before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:.3s}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar~* .page-content{padding-top:0;padding-bottom:0}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:0;padding-top:0}.sheet-modal .sheet-modal-inner>.page-content,.sheet-modal .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}.ios{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-translucent-bg-color-ios:rgba(0, 0, 0, 0.75);--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.md{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px;--f7-toast-icon-size:48px}.toast{transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-statusbar-height)}.ios .toast{transition-duration:.3s;width:100%;left:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .toast{background:var(--f7-toast-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-right:15px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.ios{--f7-progressbar-bg-color:#b6b6b6;--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-statusbar-height)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}:root{--f7-sortable-handler-color:#c7c7cc;--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-text-color:var(--f7-theme-color);--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md .theme-dark,.md.theme-dark{--f7-contacts-list-title-text-color:#fff}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color);font-weight:var(--f7-contacts-list-title-font-weight);font-size:var(--f7-contacts-list-title-font-size);color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height);height:var(--f7-contacts-list-title-height)}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnvabar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-month-height:24px;--f7-timeline-item-inner-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:#6d6d72;--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-border-color:#c4c4c4;--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:#8E8E93}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-font-weight:inherit;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color);text-align:right}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color,var(--f7-theme-color));color:var(--f7-bars-text-color)}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-year-title{font-size:16px}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:.3s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.25) 0%,rgba(0, 0, 0, 0.1) 30%,rgba(0, 0, 0, 0.05) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.panel-backdrop{position:absolute;left:0;top:var(--f7-statusbar-height);width:100%;height:calc(100% - var(--f7-statusbar-height));opacity:0;z-index:5999;display:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-duration:var(--f7-panel-transition-duration);will-change:transform,opacity}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;display:none;box-sizing:border-box;position:absolute;top:var(--f7-statusbar-height);height:calc(100% - var(--f7-statusbar-height));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%}.panel,.panel:after{transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(var(--f7-panel-width),0,0)}.panel-right{right:0}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(calc(-1 * (var(--f7-panel-width))),0,0)}.panel-visible-by-breakpoint{display:block;transform:translate3d(0,0,0)!important}.panel-visible-by-breakpoint:after{display:none}.panel-visible-by-breakpoint.panel-cover{z-index:5900}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views,html.with-panel-transitioning .framework7-root>.view,html.with-panel-transitioning .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop,html.with-panel-transitioning .panel-backdrop{background:rgba(0,0,0,0);display:block;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{display:block;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-width),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-width)),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:#e1e1e1;--f7-card-footer-border-color:#e1e1e1;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-outline-border-color:#282829;--f7-card-header-border-color:#282829;--f7-card-footer-border-color:#282829;--f7-card-footer-text-color:#8E8E93}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:#6d6d72;--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:#333}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-right:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}:root{--f7-label-font-size:12px;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-input-info-text-color:#8e8e93;--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#8e8e93}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:24px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:100px}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{transform:scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height)/ 2));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;transform-origin:right bottom}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:block}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:20px}.ios .list textarea{padding-top:11px;padding-bottom:11px}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label,.ios .inline-label .item-label,.ios .inline-labels .item-floating-label,.ios .inline-labels .item-label{padding-top:3px}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .list textarea{padding-top:7px;padding-bottom:7px}.md .input:after,.md .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:after,.md .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .inline-label .item-floating-label,.md .inline-label .item-label,.md .inline-labels .item-floating-label,.md .inline-labels .item-label{padding-top:7px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:after,.md .item-input-focused .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:after,.md .input-invalid:after,.md .item-input-focused .item-input-wrap:after,.md .item-input-invalid .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:after,.md .item-input-invalid .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}:root{--f7-checkbox-icon-color:#fff}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative}.checkbox input[type=checkbox]:checked~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after{opacity:1}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:calc(var(--f7-safe-area-left) + 10px)}.ios label.item-radio .item-inner{padding-left:calc(var(--f7-safe-area-left) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios{--f7-toggle-handle-color:#fff;--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color-ios:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color-ios:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-handle-color:#fff;--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.ios .toggle-icon{background:var(--f7-toggle-border-color-ios)}.ios .toggle-icon:before{position:absolute;right:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);right:0}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-border-radius:5px;--f7-range-scale-step-width:1px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-scale-step-width:2px;--f7-range-scale-step-height:5px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-text-color:#666;--f7-range-scale-label-offset:4px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{right:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-right:calc(-1 * var(--f7-range-knob-size)/ 2);right:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);border-radius:var(--f7-range-label-border-radius)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-right:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-right:0}.range-slider-horizontal .range-scale-step:last-child{margin-right:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-right:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-theme-color);font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper-input-wrap input{height:100%}.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-right-color:var(--f7-stepper-button-pressed-bg-color)}.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:18px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-height:24px;--f7-calendar-week-header-font-size:11px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-day-text-color:#000;--f7-calendar-today-bg-color:none;--f7-calendar-selected-text-color:#fff;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717;--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:24px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:#282829}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color)}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{left:50%;width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-left:calc(-1 * var(--f7-ptr-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:#8e8e93;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:#c8c7cc;--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:#f7f7f8;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:#8e8e93;--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:#363636;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-sortable-icon-color:#000;--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-cell-border-color:#282829;--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-sortable-icon-color:#fff;--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54);--f7-table-input-text-color:#fff}.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:20px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:var(--f7-navbar-height)}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}.ios{--f7-searchbar-height:44px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e8e8ea;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717;--f7-searchbar-input-text-color:#fff}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-placeholder-color:#939398;--f7-searchbar-input-text-color:#000;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar{z-index:510}.page>.searchbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:var(--f7-searchbar-input-padding-right);padding-right:var(--f7-searchbar-input-padding-left)}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar{position:absolute;left:0;top:0}.page-content .searchbar{border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar .searchbar-inner,.page-content .searchbar input[type=search],.page-content .searchbar input[type=text]{border-radius:var(--f7-searchbar-in-page-content-border-radius)}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner-large .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:var(--f7-navbar-height)}.page>.searchbar~* .page-content,.page>.searchbar~.page-content{padding-top:var(--f7-searchbar-height)}.navbar~.page:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page:not(.no-navbar)>.searchbar~.page-content,.page>.navbar~.searchbar~* .page-content,.page>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-searchbar-height))}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.toolbar-top-ios~.searchbar~.page-content,.md .page>.toolbar-top-md~.searchbar~* .page-content,.md .page>.toolbar-top-md~.searchbar~.page-content,.page>.toolbar-top~.searchbar~* .page-content,.page>.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .page>.navbar~.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.toolbar-top~.searchbar~* .page-content,.page>.navbar~.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-searchbar-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~* .page-content,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar~.page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~* .page-content,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar~.page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~* .page-content,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-searchbar-height))}.ios{--f7-searchbar-input-padding-left:var(--f7-searchbar-input-padding-horizontal);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));transition:.3s;opacity:0}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px);--f7-searchbar-input-padding-right:var(--f7-searchbar-input-padding-horizontal)}.md .searchbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0;--f7-link-highlight-color:var(--f7-link-highlight-black)}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);height:100%;opacity:0;top:50%;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;top:0;margin-top:0;right:0;margin-right:0}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-typing-indicator-bg-color:#000;--f7-message-sent-bg-color:var(--f7-theme-color);--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}.ios{--f7-messages-title-text-color:#8e8e93;--f7-messages-title-font-size:11px;--f7-message-header-text-color:#8e8e93;--f7-message-footer-text-color:#8e8e93;--f7-message-name-text-color:#8e8e93;--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.ios .theme-dark,.ios.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-content-bg-color:transparent;--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54);--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:50%;position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:32px}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color)}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color);left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-border-color:#282829;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~* .page-content,.messagebar~.page-content{padding-bottom:calc(var(--f7-messagebar-height) + var(--f7-safe-area-bottom))}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page .navbar,.photo-browser-page .toolbar,.view.with-photo-browser-page .navbar,.view.with-photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image);transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a,.view.with-photo-browser-page .navbar a,.view.with-photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container,.view.with-photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-page-dark .navbar,.photo-browser-page-dark .toolbar,.view.with-photo-browser-page-dark .navbar,.view.with-photo-browser-page-dark .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);background:var(--f7-photobrowser-dark-bars-bg-color);color:var(--f7-photobrowser-dark-bars-text-color)}.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before,.photo-browser-page-dark .navbar:before,.photo-browser-page-dark .toolbar:before,.view.with-photo-browser-page-dark .navbar:before,.view.with-photo-browser-page-dark .toolbar:before{display:none!important}.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after,.photo-browser-page-dark .navbar:after,.photo-browser-page-dark .toolbar:after,.view.with-photo-browser-page-dark .navbar:after,.view.with-photo-browser-page-dark .toolbar:after{display:none!important}.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-page-dark .navbar a,.photo-browser-page-dark .toolbar a,.view.with-photo-browser-page-dark .navbar a,.view.with-photo-browser-page-dark .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-translucent-bg-color-ios:rgba(255, 255, 255, 0.65);--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.2;--f7-notification-text-font-weight:400}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-text-transform:none;--f7-notification-text-line-height:1.35;--f7-notification-text-font-weight:400}.notification{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-statusbar-height);--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.ios .notification{background:var(--f7-notification-translucent-bg-color-ios);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-left)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-left:after .menu-dropdown-center:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:8px;height:8px;background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/mobile/www/framework7/css/framework7.css b/mobile/www/framework7/css/framework7.css new file mode 100644 index 0000000..1d612e1 --- /dev/null +++ b/mobile/www/framework7/css/framework7.css @@ -0,0 +1,4408 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(-20%, 0, 0); +} +.ios .page-next { + transform: translate3d(100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(-20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + left: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-left: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-left: var(--f7-navbar-title-margin-left); + margin-right: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-left: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-right: 10px; +} +.ios .navbar .right { + margin-left: 10px; +} +.ios .navbar .right:first-child { + right: calc(8px + var(--f7-safe-area-right)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-left: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(0%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(-100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-left: auto; +} +.md .navbar .right:first-child { + right: var(--f7-safe-area-right); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-left: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + left: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-left: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-left: 15px; +} +.ios .subnavbar .left { + margin-right: 10px; +} +.ios .subnavbar .right { + margin-left: 10px; +} +.ios .subnavbar .right:first-child { + right: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-left: auto; +} +.md .subnavbar .right:first-child { + right: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +.md .subnavbar-inner > a.link:last-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-left: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-left: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-left: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-left: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-left: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-left: 0; +} +.list .ripple-wave + .item-cell { + margin-left: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + width: auto; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.links-list a:after { + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-right: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-right: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + right: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-left: 4px; +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size, var(--f7-button-font-size)); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button:not(.button-outline):first-child { + border-left: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-left: none; +} +.segmented .button:last-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button-round:first-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button-round:last-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-left: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_left_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_right_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_left_md'; +} +.md .icon-forward:after { + content: 'arrow_right_md'; +} +.md .icon-next:after { + content: 'chevron_right_md'; +} +.md .icon-prev:after { + content: 'chevron_left_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/mobile/www/framework7/css/framework7.min.css b/mobile/www/framework7/css/framework7.min.css new file mode 100644 index 0000000..4a62296 --- /dev/null +++ b/mobile/www/framework7/css/framework7.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-left:var(--f7-navbar-title-margin-left);margin-right:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(0%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-left:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size, var(--f7-button-font-size))}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button:not(.button-outline):first-child{border-left:none}.segmented .button.button-outline:nth-child(n+2){border-left:none}.segmented .button:last-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button-round:first-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button-round:last-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/mobile/www/framework7/css/framework7.rtl.css b/mobile/www/framework7/css/framework7.rtl.css new file mode 100644 index 0000000..29f886e --- /dev/null +++ b/mobile/www/framework7/css/framework7.rtl.css @@ -0,0 +1,4412 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +/*==================== + Core + ==================== */ +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-shade: #0066d6; + --f7-theme-color-tint: #298fff; + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + --f7-safe-area-top: 0px; + --f7-safe-area-bottom: 0px; + --f7-safe-area-outer-left: 0px; + --f7-safe-area-outer-right: 0px; + --f7-device-pixel-ratio: 1; +} +@supports (left: env(safe-area-inset-left)) { + :root { + --f7-safe-area-top: env(safe-area-inset-top); + --f7-safe-area-bottom: env(safe-area-inset-bottom); + } + :root .ios-left-edge, + :root .ios-edges, + :root .safe-area-left, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-left { + --f7-safe-area-left: env(safe-area-inset-left); + --f7-safe-area-outer-left: env(safe-area-inset-left); + } + :root .ios-right-edge, + :root .ios-edges, + :root .safe-area-right, + :root .safe-areas, + :root .popup, + :root .sheet-modal, + :root .panel-right { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right); + } + :root .no-safe-areas, + :root .no-safe-area-left, + :root .no-ios-edges, + :root .no-ios-left-edge { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + } + :root .no-safe-areas, + :root .no-safe-area-right, + :root .no-ios-edges, + :root .no-ios-right-edge { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + } +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { + :root { + --f7-device-pixel-ratio: 2; + } +} +@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { + :root { + --f7-device-pixel-ratio: 3; + } +} +/*==================== + Fonts + ==================== */ +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-font-size: 14px; + --f7-line-height: 1.4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; +} +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-text-color: #212121; + --f7-font-size: 14px; + --f7-line-height: 1.5; +} +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.87); +} +/*==================== + Bars + ==================== */ +:root { + /* + --f7-bars-link-color: var(--f7-theme-color); + */ + --f7-bars-bg-image: none; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-text-color: #000; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); + --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); +} +.theme-dark { + --f7-bars-bg-color: #1b1b1b; + --f7-bars-text-color: #fff; +} +.ios { + --f7-bars-border-color: #c4c4c4; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-bars-border-color: #282829; +} +.md { + --f7-bars-border-color: transparent; +} +/*==================== + Color Themes + ==================== */ +.text-color-primary { + --f7-theme-color-text-color: var(--f7-theme-color); +} +.bg-color-primary { + --f7-theme-color-bg-color: var(--f7-theme-color); +} +.border-color-primary { + --f7-theme-color-border-color: var(--f7-theme-color); +} +.ripple-color-primary { + --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3); +} +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --f7-color-yellow-rgb: 255, 204, 0; + --f7-color-yellow-shade: #d6ab00; + --f7-color-yellow-tint: #ffd429; + --f7-color-orange: #ff9500; + --f7-color-orange-rgb: 255, 149, 0; + --f7-color-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-tint: #b92fd1; + --f7-color-deeppurple: #673ab7; + --f7-color-deeppurple-rgb: 103, 58, 183; + --f7-color-deeppurple-shade: #563098; + --f7-color-deeppurple-tint: #7c52c8; + --f7-color-lightblue: #5ac8fa; + --f7-color-lightblue-rgb: 90, 200, 250; + --f7-color-lightblue-shade: #32bbf9; + --f7-color-lightblue-tint: #82d5fb; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-rgb: 205, 220, 57; + --f7-color-lime-shade: #bac923; + --f7-color-lime-tint: #d6e25c; + --f7-color-deeporange: #ff6b22; + --f7-color-deeporange-rgb: 255, 107, 34; + --f7-color-deeporange-shade: #f85200; + --f7-color-deeporange-tint: #ff864b; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --f7-color-black-tint: #141414; +} +.color-theme-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.color-theme-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.color-theme-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.color-theme-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.color-theme-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.color-theme-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.color-theme-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.color-theme-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.color-theme-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.color-theme-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.color-theme-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.color-theme-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.color-theme-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.color-theme-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-color-shade: #ff1407; + --f7-theme-color-tint: #ff6259; +} +.text-color-red { + --f7-theme-color-text-color: #ff3b30; +} +.bg-color-red { + --f7-theme-color-bg-color: #ff3b30; +} +.border-color-red { + --f7-theme-color-border-color: #ff3b30; +} +.ripple-color-red, +.ripple-red { + --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3); +} +.color-green { + --f7-theme-color: #4cd964; + --f7-theme-color-rgb: 76, 217, 100; + --f7-theme-color-shade: #2cd048; + --f7-theme-color-tint: #6ee081; +} +.text-color-green { + --f7-theme-color-text-color: #4cd964; +} +.bg-color-green { + --f7-theme-color-bg-color: #4cd964; +} +.border-color-green { + --f7-theme-color-border-color: #4cd964; +} +.ripple-color-green, +.ripple-green { + --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3); +} +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-color-shade: #0c82df; + --f7-theme-color-tint: #48a8f5; +} +.text-color-blue { + --f7-theme-color-text-color: #2196f3; +} +.bg-color-blue { + --f7-theme-color-bg-color: #2196f3; +} +.border-color-blue { + --f7-theme-color-border-color: #2196f3; +} +.ripple-color-blue, +.ripple-blue { + --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3); +} +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-color-shade: #ff0434; + --f7-theme-color-tint: #ff5676; +} +.text-color-pink { + --f7-theme-color-text-color: #ff2d55; +} +.bg-color-pink { + --f7-theme-color-bg-color: #ff2d55; +} +.border-color-pink { + --f7-theme-color-border-color: #ff2d55; +} +.ripple-color-pink, +.ripple-pink { + --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3); +} +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429; +} +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00; +} +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00; +} +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00; +} +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3); +} +.color-orange { + --f7-theme-color: #ff9500; + --f7-theme-color-rgb: 255, 149, 0; + --f7-theme-color-shade: #d67d00; + --f7-theme-color-tint: #ffa629; +} +.text-color-orange { + --f7-theme-color-text-color: #ff9500; +} +.bg-color-orange { + --f7-theme-color-bg-color: #ff9500; +} +.border-color-orange { + --f7-theme-color-border-color: #ff9500; +} +.ripple-color-orange, +.ripple-orange { + --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3); +} +.color-purple { + --f7-theme-color: #9c27b0; + --f7-theme-color-rgb: 156, 39, 176; + --f7-theme-color-shade: #7e208f; + --f7-theme-color-tint: #b92fd1; +} +.text-color-purple { + --f7-theme-color-text-color: #9c27b0; +} +.bg-color-purple { + --f7-theme-color-bg-color: #9c27b0; +} +.border-color-purple { + --f7-theme-color-border-color: #9c27b0; +} +.ripple-color-purple, +.ripple-purple { + --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3); +} +.color-deeppurple { + --f7-theme-color: #673ab7; + --f7-theme-color-rgb: 103, 58, 183; + --f7-theme-color-shade: #563098; + --f7-theme-color-tint: #7c52c8; +} +.text-color-deeppurple { + --f7-theme-color-text-color: #673ab7; +} +.bg-color-deeppurple { + --f7-theme-color-bg-color: #673ab7; +} +.border-color-deeppurple { + --f7-theme-color-border-color: #673ab7; +} +.ripple-color-deeppurple, +.ripple-deeppurple { + --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3); +} +.color-lightblue { + --f7-theme-color: #5ac8fa; + --f7-theme-color-rgb: 90, 200, 250; + --f7-theme-color-shade: #32bbf9; + --f7-theme-color-tint: #82d5fb; +} +.text-color-lightblue { + --f7-theme-color-text-color: #5ac8fa; +} +.bg-color-lightblue { + --f7-theme-color-bg-color: #5ac8fa; +} +.border-color-lightblue { + --f7-theme-color-border-color: #5ac8fa; +} +.ripple-color-lightblue, +.ripple-lightblue { + --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3); +} +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-color-shade: #006d63; + --f7-theme-color-tint: #00bfad; +} +.text-color-teal { + --f7-theme-color-text-color: #009688; +} +.bg-color-teal { + --f7-theme-color-bg-color: #009688; +} +.border-color-teal { + --f7-theme-color-border-color: #009688; +} +.ripple-color-teal, +.ripple-teal { + --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3); +} +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-color-shade: #bac923; + --f7-theme-color-tint: #d6e25c; +} +.text-color-lime { + --f7-theme-color-text-color: #cddc39; +} +.bg-color-lime { + --f7-theme-color-bg-color: #cddc39; +} +.border-color-lime { + --f7-theme-color-border-color: #cddc39; +} +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3); +} +.color-deeporange { + --f7-theme-color: #ff6b22; + --f7-theme-color-rgb: 255, 107, 34; + --f7-theme-color-shade: #f85200; + --f7-theme-color-tint: #ff864b; +} +.text-color-deeporange { + --f7-theme-color-text-color: #ff6b22; +} +.bg-color-deeporange { + --f7-theme-color-bg-color: #ff6b22; +} +.border-color-deeporange { + --f7-theme-color-border-color: #ff6b22; +} +.ripple-color-deeporange, +.ripple-deeporange { + --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3); +} +.color-gray { + --f7-theme-color: #8e8e93; + --f7-theme-color-rgb: 142, 142, 147; + --f7-theme-color-shade: #79797f; + --f7-theme-color-tint: #a3a3a7; +} +.text-color-gray { + --f7-theme-color-text-color: #8e8e93; +} +.bg-color-gray { + --f7-theme-color-bg-color: #8e8e93; +} +.border-color-gray { + --f7-theme-color-border-color: #8e8e93; +} +.ripple-color-gray, +.ripple-gray { + --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3); +} +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff; +} +.text-color-white { + --f7-theme-color-text-color: #ffffff; +} +.bg-color-white { + --f7-theme-color-bg-color: #ffffff; +} +.border-color-white { + --f7-theme-color-border-color: #ffffff; +} +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3); +} +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414; +} +.text-color-black { + --f7-theme-color-text-color: #000000; +} +.bg-color-black { + --f7-theme-color-bg-color: #000000; +} +.border-color-black { + --f7-theme-color-border-color: #000000; +} +.ripple-color-black, +.ripple-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3); +} +@font-face { + font-family: 'framework7-core-icons'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'framework7-skeleton'; + src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic; +} +html { + direction: rtl; +} +html, +body, +.framework7-root { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden; +} +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color); +} +.theme-dark { + color: var(--f7-text-color); +} +.framework7-root { + overflow: hidden; + box-sizing: border-box; +} +.framework7-initializing *, +.framework7-initializing *:before, +.framework7-initializing *:after { + transition-duration: 0ms !important; +} +.device-ios, +.device-android { + cursor: pointer; +} +.device-ios { + touch-action: manipulation; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + html, + body, + .framework7-root { + height: 672px; + } +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; +} +a, +input, +textarea, +select { + outline: 0; +} +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color); +} +p { + margin: 1em 0; +} +.disabled { + opacity: 0.55 !important; + pointer-events: none !important; +} +html.device-full-viewport, +html.device-full-viewport body { + height: 100vh; +} +.ios .md-only, +.ios .if-md { + display: none !important; +} +@media (width: 1024px) and (height: 691px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 671px; + } +} +@media (width: 1024px) and (height: 692px) and (orientation: landscape) { + .ios, + .ios body, + .ios .framework7-root { + height: 672px; + } +} +.md .ios-only, +.md .if-ios { + display: none !important; +} +/* === Statusbar === */ +:root { + --f7-statusbar-height: 0px; + --f7-statusbar-bg-color: var(--f7-bars-bg-color); +} +.device-ios { + --f7-statusbar-height: var(--f7-safe-area-top, 20px); +} +.device-android { + --f7-statusbar-height: var(--f7-safe-area-top, 24px); +} +.with-statusbar.ios:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 20px; +} +.with-statusbar.md:not(.device-ios):not(.device-android) { + --f7-statusbar-height: 24px; +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-ios { + --f7-statusbar-height: 20px; + } +} +@supports not (top: env(safe-area-inset-top)) { + .with-statusbar.device-android { + --f7-statusbar-height: 24px; + } +} +.statusbar { + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 10000; + box-sizing: border-box; + display: block; + height: var(--f7-statusbar-height); +} +.framework7-root { + padding-top: var(--f7-statusbar-height); +} +.ios .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); +} +.md .statusbar { + background: var(--f7-statusbar-bg-color, var(--f7-theme-color-shade)); +} +/* === Views === */ +.views, +.view { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box; +} +/* === Pages === */ +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; +} +.ios { + --f7-page-bg-color: #efeff4; + --f7-page-transition-duration: 400ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.md { + --f7-page-bg-color: #fff; + --f7-page-transition-duration: 250ms; + --f7-page-swipeback-transition-duration: 400ms; +} +.theme-dark { + --f7-page-bg-color: #171717; + --f7-page-master-border-color: rgba(255, 255, 255, 0.1); +} +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: translate3d(0, 0, 0); + background-color: var(--f7-page-bg-color); +} +.page.stacked { + display: none; +} +.page-previous { + pointer-events: none; +} +.page-content { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; +} +.page-transitioning, +.page-transitioning .page-shadow-effect, +.page-transitioning .page-opacity-effect { + transition-duration: var(--f7-page-transition-duration); +} +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-shadow-effect, +.page-transitioning-swipeback .page-opacity-effect { + transition-duration: var(--f7-page-swipeback-transition-duration); +} +.router-transition-forward .page-next, +.router-transition-backward .page-next, +.router-transition-forward .page-current, +.router-transition-backward .page-current, +.router-transition-forward .page-previous:not(.stacked), +.router-transition-backward .page-previous:not(.stacked) { + pointer-events: none; +} +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); +} +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; +} +.ios .page-previous { + transform: translate3d(20%, 0, 0); +} +.ios .page-next { + transform: translate3d(-100%, 0, 0); +} +.ios .page-previous .page-opacity-effect { + opacity: 1; +} +.ios .page-previous:after { + opacity: 1; +} +.ios .page-current .page-shadow-effect { + opacity: 1; +} +.ios .router-transition-forward .page-next, +.ios .router-transition-forward .page-current { + will-change: transform; +} +.ios .router-transition-forward .page-next { + animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-next:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous, +.ios .router-transition-backward .page-current { + will-change: transform; +} +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + left: 100%; + background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-dynamic-navbar-inside .page-shadow-effect, +.ios .router-dynamic-navbar-inside .page-opacity-effect { + top: var(--f7-navbar-height); +} +.ios .router-dynamic-navbar-inside .page-next:before, +.ios .router-dynamic-navbar-inside .page-current:after, +.ios .router-dynamic-navbar-inside .page-current:before, +.ios .router-dynamic-navbar-inside .page-previous:after { + top: var(--f7-navbar-height); +} +@keyframes ios-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(20%, 0, 0); + } + to { + transform: translate3d(0%, 0, 0); + } +} +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(20%, 0, 0); + } +} +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ios-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none; +} +.md .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.md .router-transition-forward .page-next { + will-change: transform, opacity; + animation: md-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.md .router-transition-forward .page-current { + animation: none; +} +.md .router-transition-backward .page-current { + will-change: transform, opacity; + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.md .router-transition-backward .page-previous { + animation: none; +} +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0; + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1; + } +} +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1; + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0; + } +} +.view:not(.view-master-detail) .page-master-stacked { + display: none; +} +.view:not(.view-master-detail) .navbar-master-stacked { + display: none; +} +.view-master-detail .page-master, +.view-master-detail .navbar-master { + width: var(--f7-page-master-width); + left: auto; + right: 0; + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + border-left: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color); +} +.view-master-detail .page-master-detail, +.view-master-detail .navbar-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + right: var(--f7-page-master-width); +} +.view-master-detail .page-master { + z-index: 1; + transform: none; + pointer-events: auto; +} +.view-master-detail .page-master:before, +.view-master-detail .page-master:after { + display: none; +} +.view-master-detail.router-transition .page-master { + animation: none; +} +/* === Link === */ +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black); +} +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white); +} +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + transform: translate3d(0, 0, 0); + z-index: 1; +} +.link i + span, +.link i + i, +.link span + i, +.link span + span { + margin-right: 4px; +} +.ios .link { + transition: opacity 300ms; +} +.ios .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} +/* === Navbar === */ +:root { + /* + --f7-navbar-bg-color: var(--f7-bars-bg-color); + --f7-navbar-bg-image: var(--f7-bars-bg-image); + --f7-navbar-border-color: var(--f7-bars-border-color); + --f7-navbar-link-color: var(--f7-bars-link-color); + --f7-navbar-text-color: var(--f7-bars-text-color); + */ + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; +} +.ios { + --f7-navbar-height: 44px; + --f7-navbar-tablet-height: 44px; + --f7-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 8px; + --f7-navbar-title-font-weight: 600; + --f7-navbar-title-margin-left: 0; + --f7-navbar-title-margin-right: 0; + --f7-navbar-title-text-align: center; + --f7-navbar-subtitle-text-color: #6d6d72; + --f7-navbar-subtitle-font-size: 10px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-text-color: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: #8e8e93; +} +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --f7-navbar-title-margin-right: 16px; + --f7-navbar-title-text-align: left; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85); + --f7-navbar-subtitle-font-size: 14px; + --f7-navbar-subtitle-line-height: 1.2; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; + --f7-navbar-large-title-text-color: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: var(--f7-navbar-height); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size); +} +.navbar .material-icons { + width: 24px; +} +.navbar .f7-icons { + width: 28px; +} +.navbar b { + font-weight: 500; +} +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-height); + height: var(--f7-navbar-height); +} +.navbar .title, +.navbar .left, +.navbar .right { + position: relative; + z-index: 10; +} +.navbar .title { + text-align: center; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + margin-right: var(--f7-navbar-title-margin-left); + margin-left: var(--f7-navbar-title-margin-left); +} +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: normal; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align); +} +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; + transform: translate3d(0, 0, 0); +} +.navbar .right:first-child { + position: absolute; + height: 100%; +} +.navbar.no-hairline:after, +.navbar.no-border:after { + display: none !important; +} +.navbar.no-hairline .title-large:after, +.navbar.no-border .title-large:after { + display: none !important; +} +.navbar.no-shadow:before { + display: none !important; +} +.navbar.navbar-hidden:before { + opacity: 0 !important; +} +.navbar:after, +.navbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.navbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.navbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.navbar:after { + z-index: 1; +} +@media (min-width: 768px) { + :root { + --f7-navbar-height: var(--f7-navbar-tablet-height); + } +} +.navbar-transitioning, +.navbar-transitioning:before, +.navbar-transitioning .title, +.navbar-transitioning .title-large, +.navbar-transitioning .title-large-inner, +.navbar-transitioning .title-large-text, +.navbar-transitioning .subnavbar { + transition-duration: var(--f7-navbar-hide-show-transition-duration); +} +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-page-transitioning .title-large-text, +.navbar-page-transitioning .title-large-inner { + transition-duration: var(--f7-page-swipeback-transition-duration) !important; +} +.navbar-hidden { + transform: translate3d(0, -100%, 0); +} +.navbar-large-hidden { + --f7-navbar-large-collapse-progress: 1; +} +.navbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-navbar-height); + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.navbar-inner.stacked { + display: none; +} +.views > .navbar, +.view > .navbar, +.page > .navbar { + position: absolute; +} +.navbar-large:before { + transform: translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height))); +} +.navbar-inner-large > .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +} +.navbar-large-collapsed, +.navbar-inner-large-collapsed { + --f7-navbar-large-collapse-progress: 1; +} +.navbar .title-large { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: center; + white-space: nowrap; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + will-change: transform, opacity; + transition-property: transform; + overflow: hidden; + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + height: calc(var(--f7-navbar-large-title-height) + 1px); + z-index: 5; + margin-top: -1px; + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.navbar .title-large:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.title-large-text, +.title-large-inner .title { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; +} +.title-large-text, +.title-large-inner { + box-sizing: border-box; + overflow: hidden; + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transition-property: transform, opacity; + width: 100%; +} +.navbar-no-title-large-transition .title-large, +.navbar-no-title-large-transition .title-large-text, +.navbar-no-title-large-transition .title-large-inner { + transition-duration: 0ms; +} +.navbar ~ * .page:not(.no-navbar) .page-content, +.navbar ~ .page:not(.no-navbar) .page-content, +.navbar ~ .page-content, +.navbar ~ :not(.page) .page-content { + padding-top: var(--f7-navbar-height); +} +.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content, +.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content, +.page-with-navbar-large .navbar ~ .page-content, +.page-with-navbar-large .navbar ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); +} +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center; +} +.ios .navbar .left a + a, +.ios .navbar .right a + a { + margin-right: 15px; +} +.ios .navbar b { + font-weight: 600; +} +.ios .navbar .left { + margin-left: 10px; +} +.ios .navbar .right { + margin-right: 10px; +} +.ios .navbar .right:first-child { + left: calc(8px + var(--f7-safe-area-left)); +} +.ios .navbar-inner { + justify-content: space-between; +} +.ios .navbar-inner-left-title { + justify-content: flex-start; +} +.ios .navbar-inner-left-title .right { + margin-right: auto; +} +.ios .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.ios .view:not(.view-master-detail) .navbar-previous { + pointer-events: none; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, +.ios .view:not(.view-master-detail) .navbar-previous .title-large { + transform: translateY(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(0.5); + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { + transform: translateX(-100%); + opacity: 0; + transition: 0ms; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, +.ios .view:not(.view-master-detail) .navbar-previous > .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding { + opacity: 0; +} +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, +.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { + opacity: 1; + transform: translate3d(-100%, 0, 0); +} +.ios .navbar-next { + pointer-events: none; +} +.ios .navbar-next .title-large { + transform: translateX(100%); + transition: 0ms; +} +.ios .navbar-next .title-large .title-large-text, +.ios .navbar-next .title-large .title-large-inner { + transition: 0ms; +} +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next > .title, +.ios .navbar-next .subnavbar, +.ios .navbar-next .fading { + opacity: 0; +} +.ios .navbar-next .sliding { + opacity: 0; +} +.ios .navbar-next.sliding .left, +.ios .navbar-next.sliding .right, +.ios .navbar-next.sliding > .title, +.ios .navbar-next.sliding .subnavbar { + opacity: 0; +} +.ios .navbar-next .subnavbar.sliding, +.ios .navbar-next.sliding .subnavbar { + opacity: 1; + transform: translate3d(100%, 0, 0); +} +.ios .router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner { + transform: none; +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large { + opacity: 1; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner { + transform: translate3d(0, calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.ios .router-transition .navbar { + transition-duration: var(--f7-page-transition-duration); +} +.ios .router-transition .title-large { + transition: 0ms; +} +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .subnavbar { + animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition .navbar-current .sliding, +.ios .router-transition .navbar-current .left.sliding .icon + span, +.ios .router-transition .navbar-current.sliding .left, +.ios .router-transition .navbar-current.sliding .left .icon + span, +.ios .router-transition .navbar-current.sliding > .title, +.ios .router-transition .navbar-current.sliding .right { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none; +} +.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1; +} +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-forward .navbar-next > .title, +.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-backward .navbar-previous .subnavbar { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next .sliding, +.ios .router-transition-backward .navbar-previous .sliding, +.ios .router-transition-forward .navbar-next .left.sliding .icon + span, +.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, +.ios .router-transition-forward .navbar-next.sliding .left, +.ios .router-transition-backward .navbar-previous.sliding .left, +.ios .router-transition-forward .navbar-next.sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, +.ios .router-transition-forward .navbar-next.sliding > .title, +.ios .router-transition-backward .navbar-previous.sliding > .title, +.ios .router-transition-forward .navbar-next.sliding .right, +.ios .router-transition-backward .navbar-previous.sliding .right, +.ios .router-transition-forward .navbar-next.sliding .subnavbar, +.ios .router-transition-backward .navbar-previous.sliding .subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner { + animation: ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span { + animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text, +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner, +.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: right center; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + transform: translateX(100%); +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + animation: ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text, +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { + animation: ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible; + opacity: 1; + transform: translateY(0); +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 1; + animation: ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards, ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner { + animation: ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards; +} +.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, +.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { + animation: none; + opacity: 0 !important; + transition-duration: 0; +} +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner, +.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner { + animation: none !important; +} +.view-master-detail .navbar-master.navbar-previous { + pointer-events: auto; +} +.view-master-detail .navbar-master.navbar-previous .left, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar { + opacity: 1; +} +.ios .view-master-detail.router-transition .navbar-master .left, +.ios .view-master-detail.router-transition .navbar-master .left .icon + span, +.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, +.ios .view-master-detail.router-transition .navbar-master .right, +.ios .view-master-detail.router-transition .navbar-master .subnavbar, +.ios .view-master-detail.router-transition .navbar-master .sliding, +.ios .view-master-detail.router-transition .navbar-master .fading { + opacity: 1 !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0ms; + transform: none !important; + animation: none !important; +} +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, +.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { + transition-duration: 0ms; + animation: none !important; +} +@keyframes ios-navbar-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-slide-up { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } +} +@keyframes ios-navbar-title-large-slide-down { + 0% { + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + } + 100% { + transform: translateY(0%); + } +} +@keyframes ios-navbar-title-large-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1); + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-slide-down { + 0% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(0.5); + } + 100% { + transform: translateX(0px) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left { + 0% { + transform: translateX(-200%) scale(1); + } + 100% { + transform: translateX(-100%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right { + 0% { + transform: translateX(-100%) scale(1); + } + 100% { + transform: translateX(-200%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-left-top { + 0% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } + 100% { + transform: translateX(0%) translateY(0%) scale(1); + } +} +@keyframes ios-navbar-title-large-text-slide-right-bottom { + 0% { + transform: translateX(0%) translateY(0%) scale(1); + } + 100% { + transform: translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1); + } +} +@keyframes ios-navbar-title-large-text-fade-out { + 0% { + opacity: 1; + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ios-navbar-title-large-text-fade-in { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes ios-navbar-title-large-text-scale-out { + 0% { + transform: translateY(0%) scale(1); + } + 100% { + transform: translateY(0%) scale(0.5); + } +} +@keyframes ios-navbar-title-large-text-scale-in { + 0% { + transform: translateY(0%) scale(0.5); + } + 100% { + transform: translateY(0%) scale(1); + } +} +@keyframes ios-navbar-back-text-current-to-previous { + 0% { + opacity: 1; + transform: translateY(0px) translateX(0px) scale(1); + } + 80% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } +} +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height)) / 2)) scale(2); + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + transform: translateX(0px) translateY(0px) scale(1); + } +} +@keyframes ios-navbar-title-large-inner-current-to-previous { + 0% { + transform: translateX(0%); + opacity: 1; + } + 100% { + transform: translateX(100%); + opacity: 0; + } +} +@keyframes ios-navbar-title-large-inner-previous-to-current { + 0% { + transform: translateX(100%); + opacity: 0; + } + 100% { + transform: translateX(0%); + opacity: 1; + } +} +.md .navbar a.link { + padding: 0 16px; + min-width: 48px; +} +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px; +} +.md .navbar .right { + margin-right: auto; +} +.md .navbar .right:first-child { + left: var(--f7-safe-area-left); +} +.md .navbar-inner { + justify-content: flex-start; + overflow: hidden; +} +.md .navbar-inner-large:not(.navbar-inner-large-collapsed) { + overflow: visible; +} +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible; +} +.md .navbar-inner-centered-title { + justify-content: space-between; +} +.md .navbar-inner-centered-title .right { + margin-right: 0; +} +.md .navbar-inner-centered-title .title { + text-align: center; +} +/* === Toolbar === */ +:root { + /* + --f7-toolbar-bg-color: var(--f7-bars-bg-color); + --f7-toolbar-bg-image: var(--f7-bars-bg-image); + --f7-toolbar-border-color: var(--f7-bars-border-color); + --f7-toolbar-link-color: var(--f7-bars-link-color); + --f7-toolbar-text-color: var(--f7-bars-text-color); + */ + --f7-toolbar-hide-show-transition-duration: 400ms; +} +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: #929292; + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 28px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0.01; +} +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54); + /* + --f7-tabbar-link-active-color: var(--f7-theme-color); + --f7-tabbar-link-active-border-color: var(--f7-theme-color); + */ + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-text-transform: none; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; +} +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); +} +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 500; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size); +} +.toolbar b { + font-weight: 600; +} +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; +} +.toolbar a.link { + display: flex; + line-height: var(--f7-toolbar-height); + height: var(--f7-toolbar-height); +} +.toolbar i.icon { + display: block; +} +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.views > .toolbar, +.view > .toolbar, +.page > .toolbar { + position: absolute; +} +.toolbar-top, +.ios .toolbar-top-ios, +.md .toolbar-top-md { + top: 0; +} +.toolbar-top .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight { + bottom: 0; +} +.toolbar-top.no-hairline:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.ios .toolbar-top-ios.no-border:after, +.md .toolbar-top-md.no-border:after { + display: none !important; +} +.toolbar-top.no-shadow:before, +.ios .toolbar-top-ios.no-shadow:before, +.md .toolbar-top-md.no-shadow:before, +.toolbar-top.toolbar-hidden:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.toolbar-hidden:before { + display: none !important; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.toolbar-top:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-top:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.toolbar-bottom, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight { + top: 0; +} +.toolbar-bottom .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom); +} +.toolbar-bottom.no-hairline:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.ios .toolbar-bottom-ios.no-border:before, +.md .toolbar-bottom-md.no-border:before { + display: none !important; +} +.toolbar-bottom.no-shadow:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.md .toolbar-bottom-md.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.toolbar-hidden:after { + display: none !important; +} +.toolbar-bottom:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.toolbar-bottom:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); +} +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; +} +.views > .tabbar, +.views > .tabbar-labels { + z-index: 5001; +} +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color); +} +.tabbar a.link, +.tabbar-labels a.link { + line-height: 1.4; +} +.tabbar a.tab-link, +.tabbar-labels a.tab-link, +.tabbar a.link, +.tabbar-labels a.link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden; +} +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); +} +.tabbar i.icon, +.tabbar-labels i.icon { + font-size: var(--f7-tabbar-icon-size); + height: var(--f7-tabbar-icon-size); + line-height: var(--f7-tabbar-icon-size); +} +.tabbar-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height); +} +.tabbar-labels a.tab-link, +.tabbar-labels a.link { + height: 100%; + justify-content: space-between; + align-items: center; +} +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing); +} +@media (min-width: 768px) { + :root { + --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); + --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); + } +} +.tabbar-scrollable .toolbar-inner { + will-change: scroll-position; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important; +} +.tabbar-scrollable a.tab-link, +.tabbar-scrollable a.link { + width: auto; + flex-shrink: 0; +} +.toolbar-transitioning, +.navbar-transitioning + .toolbar, +.navbar-transitioning ~ * .toolbar { + transition-duration: var(--f7-toolbar-hide-show-transition-duration); +} +.toolbar-bottom.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden { + transform: translate3d(0, 100%, 0); +} +.toolbar-bottom ~ .page-content, +.ios .toolbar-bottom-ios ~ .page-content, +.md .toolbar-bottom-md ~ .page-content, +.toolbar-bottom ~ * .page-content, +.ios .toolbar-bottom-ios ~ * .page-content, +.md .toolbar-bottom-md ~ * .page-content { + padding-bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); +} +.toolbar-bottom.tabbar-labels ~ .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ .page-content, +.toolbar-bottom.tabbar-labels ~ * .page-content, +.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content, +.md .toolbar-bottom-md.tabbar-labels ~ * .page-content { + padding-bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)); +} +.toolbar-top.toolbar-hidden, +.ios .toolbar-top-ios.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, -100%, 0); +} +.toolbar-top ~ .page-content, +.ios .toolbar-top-ios ~ .page-content, +.md .toolbar-top-md ~ .page-content, +.toolbar-top ~ * .page-content, +.ios .toolbar-top-ios ~ * .page-content, +.md .toolbar-top-md ~ * .page-content { + padding-top: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .toolbar-top-md.tabbar-labels ~ .page-content, +.toolbar-top.tabbar-labels ~ * .page-content, +.ios .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: var(--f7-tabbar-labels-height); +} +.navbar ~ .toolbar-top, +.ios .navbar ~ .toolbar-top-ios, +.md .navbar ~ .toolbar-top-md, +.navbar ~ * .toolbar-top, +.ios .navbar ~ * .toolbar-top-ios, +.md .navbar ~ * .toolbar-top-md, +.navbar ~ .page:not(.no-navbar) .toolbar-top, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md { + top: var(--f7-navbar-height); +} +.navbar ~ .toolbar-top ~ .page-content, +.ios .navbar ~ .toolbar-top-ios ~ .page-content, +.md .navbar ~ .toolbar-top-md ~ .page-content, +.navbar ~ * .toolbar-top ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ .page-content, +.md .navbar ~ * .toolbar-top-md ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content, +.navbar ~ .toolbar-top ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .toolbar-top-md ~ * .page-content, +.navbar ~ * .toolbar-top ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios ~ * .page-content, +.md .navbar ~ * .toolbar-top-md ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); +} +.navbar ~ .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content, +.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content, +.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); +} +.navbar ~ .toolbar-top.toolbar-hidden, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .toolbar-top-md.toolbar-hidden, +.navbar ~ * .toolbar-top.toolbar-hidden, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))), 0); +} +.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, +.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))), 0); +} +.navbar-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); +} +.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden), +.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); +} +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px; +} +.ios .toolbar-inner { + padding: 0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left)); +} +.ios .tabbar-labels a.tab-link, +.ios .tabbar-labels a.link { + padding-top: 4px; + padding-bottom: 4px; +} +.ios .tabbar-labels a.tab-link i + span, +.ios .tabbar-labels a.link i + span { + margin: 0; +} +@media (min-width: 768px) { + .ios .tabbar .toolbar-inner, + .ios .tabbar-labels .toolbar-inner { + justify-content: center; + } + .ios .tabbar a.tab-link, + .ios .tabbar-labels a.tab-link, + .ios .tabbar a.link, + .ios .tabbar-labels a.link { + width: auto; + min-width: 105px; + } +} +.ios .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.ios .tabbar-scrollable a.tab-link, +.ios .tabbar-scrollable a.link { + padding: 0 8px; +} +.md .toolbar a.link { + justify-content: center; + padding: 0 16px; + min-width: 48px; +} +.md .toolbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .toolbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0; +} +.md .toolbar-inner { + padding: 0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left); +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link, +.md .tabbar a.link, +.md .tabbar-labels a.link { + padding-left: 0; + padding-right: 0; +} +.md .tabbar a.tab-link, +.md .tabbar-labels a.tab-link { + transition-duration: 300ms; + overflow: hidden; + position: relative; +} +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + left: 0; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: 300ms; + right: 0; +} +.md .tabbar-labels a.tab-link, +.md .tabbar-labels a.link { + padding-top: 7px; + padding-bottom: 7px; +} +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2; +} +.md .tabbar-scrollable .toolbar-inner { + overflow: auto; + justify-content: flex-start; +} +.md .tabbar-scrollable a.tab-link, +.md .tabbar-scrollable a.link { + padding: 0 16px; +} +/* === Subnavbar === */ +:root { + /* + --f7-subnavbar-bg-image: var(--f7-bars-bg-image); + --f7-subnavbar-bg-color: var(--f7-bars-bg-color); + --f7-subnavbar-border-color: var(--f7-bars-border-color); + --f7-subnavbar-link-color: var(--f7-bars-link-color); + --f7-subnavbar-text-color: var(--f7-bars-text-color); + */ +} +.ios { + --f7-subnavbar-height: 44px; + --f7-subnavbar-inner-padding-left: 8px; + --f7-subnavbar-inner-padding-right: 8px; + --f7-subnavbar-title-font-size: 34px; + --f7-subnavbar-title-font-weight: 700; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 7px; + --f7-navbar-shadow-image: none; +} +.md { + --f7-subnavbar-height: 48px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 20px; + --f7-subnavbar-title-font-weight: 500; + --f7-subnavbar-title-line-height: 1.2; + --f7-subnavbar-title-letter-spacing: 0; + --f7-subnavbar-title-margin-left: 0px; + --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); +} +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 500; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); +} +.subnavbar .title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-right: var(--f7-subnavbar-title-margin-left); +} +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center; +} +.subnavbar .right:first-child { + position: absolute; + height: 100%; +} +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.subnavbar a.link { + line-height: var(--f7-subnavbar-height); + height: var(--f7-subnavbar-height); +} +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height); +} +.subnavbar.no-hairline:after, +.subnavbar.no-border:after { + display: none !important; +} +.subnavbar.no-shadow:before, +.subnavbar.navbar-hidden:before { + display: none !important; +} +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); +} +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: space-between; + overflow: hidden; + padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); +} +.subnavbar-inner.stacked { + display: none; +} +.navbar .subnavbar { + top: 100%; +} +.views > .subnavbar, +.view > .subnavbar, +.page > .subnavbar { + position: absolute; +} +.navbar ~ * .subnavbar, +.page-with-subnavbar .navbar ~ .subnavbar, +.page-with-subnavbar .navbar ~ * .subnavbar, +.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar ~ .subnavbar { + top: var(--f7-navbar-height); +} +.navbar .title-large ~ .subnavbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); +} +.page-with-subnavbar .page-content, +.subnavbar ~ .page-content, +.subnavbar ~ * .page-content { + padding-top: var(--f7-subnavbar-height); +} +.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, +.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content, +.navbar ~ .subnavbar ~ .page-content, +.navbar ~ .subnavbar ~ * .page-content, +.page-with-subnavbar .navbar ~ * .page-content, +.page-with-subnavbar .navbar ~ .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); +} +.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content, +.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content, +.page-with-subnavbar.page-with-navbar-large .page-content { + padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +} +.ios .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.ios .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.ios .subnavbar .left a + a, +.ios .subnavbar .right a + a { + margin-right: 15px; +} +.ios .subnavbar .left { + margin-left: 10px; +} +.ios .subnavbar .right { + margin-right: 10px; +} +.ios .subnavbar .right:first-child { + left: 8px; +} +.ios .subnavbar a.link { + justify-content: flex-start; +} +.ios .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} +.md .subnavbar { + height: var(--f7-subnavbar-height); +} +.md .subnavbar .right { + margin-right: auto; +} +.md .subnavbar .right:first-child { + left: 16px; +} +.md .subnavbar a.link { + justify-content: center; + padding: 0 16px; +} +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: 600ms; +} +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms; +} +.md .subnavbar a.icon-only { + flex-shrink: 0; +} +.md .subnavbar-inner > a.link:first-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); +} +.md .subnavbar-inner > a.link:last-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); +} +/* === Content Block === */ +:root { + --f7-block-font-size: inherit; + --f7-block-strong-bg-color: #fff; + --f7-block-title-font-size: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-color: #000; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-color: #000; + --f7-block-title-large-text-transform: none; +} +:root .theme-dark, +:root.theme-dark { + --f7-block-title-medium-text-color: #fff; + --f7-block-title-large-text-color: #fff; +} +.ios { + --f7-block-text-color: #6d6d72; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 35px; + --f7-block-strong-text-color: #000; + --f7-block-strong-border-color: #c8c7cc; + --f7-block-title-text-transform: uppercase; + --f7-block-title-text-color: #6d6d72; + --f7-block-title-font-weight: 400; + --f7-block-title-line-height: 17px; + --f7-block-title-margin-bottom: 10px; + --f7-block-title-medium-font-size: 22px; + --f7-block-title-medium-font-weight: bold; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 29px; + --f7-block-title-large-font-weight: bold; + --f7-block-title-large-line-height: 1.3; + --f7-block-inset-side-margin: 15px; + --f7-block-inset-border-radius: 7px; + --f7-block-header-text-color: #8f8f94; + --f7-block-footer-text-color: #8f8f94; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #8E8E93; + --f7-block-header-text-color: #8E8E93; + --f7-block-footer-text-color: #8E8E93; + --f7-block-strong-bg-color: #1c1c1d; + --f7-block-strong-text-color: #fff; +} +.md { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-margin-vertical: 32px; + --f7-block-strong-text-color: inherit; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-text-transform: none; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-side-margin: 16px; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); +} +.md .theme-dark, +.md.theme-dark { + --f7-block-strong-border-color: #282829; + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-bg-color: #1c1c1d; +} +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size); +} +.block.no-hairlines:before, +.block.no-hairlines ul:before, +.md .block.no-hairlines-md:before, +.md .block.no-hairlines-md ul:before, +.ios .block.no-hairlines-ios:before, +.ios .block.no-hairlines-ios ul:before { + display: none !important; +} +.block.no-hairlines:after, +.block.no-hairlines ul:after, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md ul:after, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios ul:after { + display: none !important; +} +.block.no-hairline-top:before, +.block.no-hairline-top ul:before, +.md .block.no-hairline-top-md:before, +.md .block.no-hairline-top-md ul:before, +.ios .block.no-hairline-top-ios:before, +.ios .block.no-hairline-top-ios ul:before { + display: none !important; +} +.block.no-hairline-bottom:after, +.block.no-hairline-bottom ul:after, +.md .block.no-hairline-bottom-md:after, +.md .block.no-hairline-bottom-md ul:after, +.ios .block.no-hairline-bottom-ios:after, +.ios .block.no-hairline-bottom-ios ul:after { + display: none !important; +} +.block > h1:first-child, +.block > h2:first-child, +.block > h3:first-child, +.block > h4:first-child, +.block > p:first-child { + margin-top: 0; +} +.block > h1:last-child, +.block > h2:last-child, +.block > h3:last-child, +.block > h4:last-child, +.block > p:last-child { + margin-bottom: 0; +} +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color); +} +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-title + .list, +.block-title + .block, +.block-title + .card, +.block-title + .timeline, +.block-title + .block-header { + margin-top: 0px; +} +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height); +} +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height); +} +.block > .block-title:first-child, +.list > .block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical); +} +.block-header + .list, +.block-header + .block, +.block-header + .card, +.block-header + .timeline { + margin-top: var(--f7-block-header-margin); +} +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical); +} +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); +} +.block-footer ul:first-child, +.block-header ul:first-child, +.block-footer p:first-child, +.block-header p:first-child, +.block-footer h1:first-child, +.block-header h1:first-child, +.block-footer h2:first-child, +.block-header h2:first-child, +.block-footer h3:first-child, +.block-header h3:first-child, +.block-footer h4:first-child, +.block-header h4:first-child { + margin-top: 0; +} +.block-footer ul:last-child, +.block-header ul:last-child, +.block-footer p:last-child, +.block-header p:last-child, +.block-footer h1:last-child, +.block-header h1:last-child, +.block-footer h2:last-child, +.block-header h2:last-child, +.block-footer h3:last-child, +.block-header h3:last-child, +.block-footer h4:last-child, +.block-header h4:last-child { + margin-bottom: 0; +} +.block-footer ul:first-child:last-child, +.block-header ul:first-child:last-child, +.block-footer p:first-child:last-child, +.block-header p:first-child:last-child, +.block-footer h1:first-child:last-child, +.block-header h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-header h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-header h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-header h4:first-child:last-child { + margin-top: 0; + margin-bottom: 0; +} +.list .block-header, +.block .block-header, +.card .block-header, +.timeline .block-header { + margin-top: 0; +} +.list .block-footer, +.block .block-footer, +.card .block-footer, +.timeline .block-footer { + margin-bottom: 0; +} +.list + .block-footer, +.block + .block-footer, +.card + .block-footer, +.timeline + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); +} +.block + .block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical); +} +.block .block-header, +.block .block-footer { + padding: 0; +} +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.block-strong.inset:before { + display: none !important; +} +.block-strong.inset:after { + display: none !important; +} +@media (min-width: 768px) { + .block.tablet-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .block-strong.tablet-inset:before { + display: none !important; + } + .block-strong.tablet-inset:after { + display: none !important; + } +} +/* === List View === */ +:root { + --f7-list-bg-color: #fff; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-item-title-text-color: inherit; + --f7-list-item-title-line-height: inherit; + --f7-list-item-title-white-space: nowrap; + --f7-list-item-subtitle-font-weight: 400; + --f7-list-item-subtitle-text-color: inherit; + --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; +} +.ios { + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 7px; + --f7-list-margin-vertical: 35px; + --f7-list-font-size: 17px; + --f7-list-chevron-icon-area: 20px; + --f7-list-border-color: #c8c7cc; + --f7-list-item-border-color: #c8c7cc; + --f7-list-link-pressed-bg-color: #d9d9d9; + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #8e8e93; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #8e8e93; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: #8e8e93; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 15px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-padding-horizontal: 15px; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: center; + --f7-list-button-border-color: #c8c7cc; + --f7-list-button-pressed-bg-color: #d9d9d9; + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-text-color: #8e8e93; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: #c8c7cc; + --f7-list-group-title-height: 31px; + --f7-list-group-title-text-color: #8e8e93; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-group-title-line-height: inherit; +} +.ios .theme-dark, +.ios.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-border-color: #282829; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-link-pressed-bg-color: #363636; + --f7-list-button-pressed-bg-color: #363636; + --f7-list-chevron-icon-color: #434345; +} +.md { + --f7-list-inset-side-margin: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 32px; + --f7-list-font-size: 16px; + --f7-list-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-text-font-size: 14px; + --f7-list-item-text-font-weight: 400; + --f7-list-item-text-text-color: #757575; + --f7-list-item-text-line-height: 20px; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-font-weight: 400; + --f7-list-item-after-text-color: #757575; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-vertical: 8px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-media-item-padding-horizontal: 16px; + --f7-list-button-text-color: #212121; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-line-height: inherit; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-group-title-line-height: inherit; +} +.md .theme-dark, +.md.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: #282829; + --f7-list-button-text-color: #fff; + --f7-list-item-border-color: #282829; + --f7-list-item-divider-border-color: #282829; + --f7-list-item-divider-bg-color: #232323; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-bg-color: #232323; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-chevron-icon-color: #434345; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); +} +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0; +} +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color); +} +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list ul ul:before { + display: none !important; +} +.list ul ul:after { + display: none !important; +} +.list li { + position: relative; + box-sizing: border-box; +} +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + padding-top: var(--f7-list-item-padding-vertical); +} +.list .item-media + .item-inner { + margin-right: var(--f7-list-item-media-margin); +} +.list .item-media i + i, +.list .item-media i + img { + margin-right: var(--f7-list-item-media-icons-margin); +} +.list .item-after { + padding-right: var(--f7-list-item-after-padding); +} +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height); +} +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-right: auto; +} +.list .item-header, +.list .item-footer { + white-space: normal; +} +.list .item-header { + color: var(--f7-list-item-header-text-color); + font-size: var(--f7-list-item-header-font-size); + font-weight: var(--f7-list-item-header-font-weight); + line-height: var(--f7-list-item-header-line-height); +} +.list .item-footer { + color: var(--f7-list-item-footer-text-color); + font-size: var(--f7-list-item-footer-font-size); + font-weight: var(--f7-list-item-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height); +} +.list .item-link, +.list .list-button { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0; +} +.list .item-link { + color: inherit; +} +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.list .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height); +} +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: hidden; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)); +} +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-title-row .item-after { + align-self: center; +} +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-right: var(--f7-list-item-cell-margin); + flex-shrink: 1; +} +.list .item-cell:first-child { + margin-right: 0; +} +.list li:last-child .list-button:after { + display: none !important; +} +.list li:last-child > .item-inner:after, +.list li:last-child li:last-child > .item-inner:after, +.list li:last-child > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-content > .item-inner:after, +.list li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, +.list li:last-child > .item-link > .item-content > .item-inner:after, +.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { + display: none !important; +} +.list li li:last-child .item-inner:after, +.list li:last-child li .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list.no-hairlines:before, +.list.no-hairlines ul:before, +.md .list.no-hairlines-md:before, +.md .list.no-hairlines-md ul:before, +.ios .list.no-hairlines-ios:before, +.ios .list.no-hairlines-ios ul:before { + display: none !important; +} +.list.no-hairlines:after, +.list.no-hairlines ul:after, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md ul:after, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios ul:after { + display: none !important; +} +.list.no-hairline-top:before, +.list.no-hairline-top ul:before, +.md .list.no-hairline-top-md:before, +.md .list.no-hairline-top-md ul:before, +.ios .list.no-hairline-top-ios:before, +.ios .list.no-hairline-top-ios ul:before { + display: none !important; +} +.list.no-hairline-bottom:after, +.list.no-hairline-bottom ul:after, +.md .list.no-hairline-bottom-md:after, +.md .list.no-hairline-bottom-md ul:after, +.ios .list.no-hairline-bottom-ios:after, +.ios .list.no-hairline-bottom-ios ul:after { + display: none !important; +} +.list.no-hairlines-between .item-inner:after, +.md .list.no-hairlines-between-md .item-inner:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.list.no-hairlines-between .list-button:after, +.md .list.no-hairlines-between-md .list-button:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.list.no-hairlines-between .item-divider:after, +.md .list.no-hairlines-between-md .item-divider:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .list-group-title:after, +.ios .list.no-hairlines-between-ios .list-group-title:after { + display: none !important; +} +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after { + display: none !important; +} +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after { + display: none !important; +} +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align); +} +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color); +} +.list-button[class*="color-"] { + --f7-list-button-text-color: var(--f7-theme-color); +} +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); +} +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + right: 0; + width: auto; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.simple-list li:last-child:after { + display: none !important; +} +.links-list li { + z-index: 1; +} +.links-list a { + transition-duration: 300ms; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit; +} +.links-list a .ripple-wave { + z-index: 0; +} +.links-list a:after { + width: auto; +} +.links-list a.active-state { + background-color: var(--f7-list-link-pressed-bg-color); +} +.links-list a { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.links-list a:after { + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + left: 0; +} +.links-list li:last-child a:after { + display: none !important; +} +.simple-list li:after, +.links-list a:after, +.list .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal); +} +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch; +} +.media-list .item-media, +li.media-item .item-media { + align-self: flex-start; +} +.media-list .item-media img, +li.media-item .item-media img { + display: block; +} +.media-list .item-link .item-inner, +li.media-item .item-link .item-inner { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list .item-link .item-title-row, +li.media-item .item-link .item-title-row { + padding-left: calc(var(--f7-list-chevron-icon-area)); +} +.media-list.chevron-center .item-link .item-inner, +.media-list .chevron-center .item-link .item-inner, +.media-list .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item .chevron-center .item-link .item-inner { + padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); +} +.media-list.chevron-center .item-title-row, +.media-list .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row { + padding-left: 0; +} +.list .item-link .item-inner:before, +.links-list a:before, +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before, +.media-list.chevron-center .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link.chevron-center .item-inner:before, +li.media-item.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .item-link.chevron-center .item-inner:before { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + content: 'chevron_left'; +} +.media-list.chevron-center .item-title-row:before, +.media-list .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before { + display: none; +} +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none; +} +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + left: 0; +} +.list-group ul:after, +.list-group ul:before { + z-index: 25 !important; +} +.list-group + .list-group ul:before { + display: none !important; +} +li.item-divider, +.item-divider, +li.list-group-title { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center; +} +li.item-divider:after, +.item-divider:after, +li.list-group-title:after { + display: none !important; +} +li.item-divider, +.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height); +} +li.item-divider:before, +.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); +} +li.list-group-title, +.list li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height); +} +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; +} +.list.inset .block-title { + margin-left: 0; + margin-right: 0; +} +.list.inset ul { + border-radius: var(--f7-list-inset-border-radius); +} +.list.inset ul:before { + display: none !important; +} +.list.inset ul:after { + display: none !important; +} +.list.inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; +} +.list.inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); +} +.list.inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); +} +@media (min-width: 768px) { + .list.tablet-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px; + } + .list.tablet-inset .block-title { + margin-left: 0; + margin-right: 0; + } + .list.tablet-inset ul { + border-radius: var(--f7-list-inset-border-radius); + } + .list.tablet-inset ul:before { + display: none !important; + } + .list.tablet-inset ul:after { + display: none !important; + } + .list.tablet-inset li:first-child > a { + border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0; + } + .list.tablet-inset li:last-child > a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius); + } + .list.tablet-inset li:first-child:last-child > a { + border-radius: var(--f7-list-inset-border-radius); + } +} +.list.no-chevron, +.list .no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px; +} +.ios .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 30px); +} +.ios .item-link.active-state .item-inner:after, +.ios .list-button.active-state:after, +.ios .links-list a.active-state:after { + background-color: transparent; +} +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0ms; +} +.ios .media-list .item-title, +.ios li.media-item .item-title { + font-weight: 600; +} +.md .list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + 40px); +} +.md .list .item-media { + min-width: 40px; +} +/* === Badge === */ +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 0 4px; + --f7-badge-in-icon-size: 16px; + --f7-badge-in-icon-font-size: 10px; + --f7-badge-font-weight: normal; + --f7-badge-font-size: 12px; +} +.ios { + --f7-badge-size: 20px; +} +.md { + --f7-badge-size: 18px; +} +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size); +} +.icon .badge, +.f7-icons .badge, +.framework7-icons .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size); +} +.badge[class*="color-"] { + --f7-badge-bg-color: var(--f7-theme-color); +} +:root { + --f7-button-font-size: 14px; + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + /* + --f7-button-text-color: var(--f7-theme-color); + --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color)); + --f7-button-border-color: var(--f7-theme-color); + --f7-button-fill-text-color: #fff; + --f7-button-fill-bg-color: var(--f7-theme-color); + --f7-button-outline-border-color: var(--f7-theme-color); + */ + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); +} +.ios { + --f7-button-height: 29px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: none; + /* + --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-outline-border-width: 1px; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md { + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; +} +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); +} +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: none; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow); +} +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))); +} +input[type="submit"].button, +input[type="button"].button { + width: 100%; +} +.button > i + span, +.button > span + span, +.button > span + i, +.button > i + i { + margin-right: 4px; +} +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md, +.button-active, +.button.tab-link-active { + --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); + --f7-button-text-color: var(--f7-button-fill-text-color, #fff); + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); +} +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color); +} +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width); +} +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size, var(--f7-button-font-size)); +} +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: var(--f7-button-small-font-weight); + --f7-button-text-transform: var(--f7-button-small-text-transform); +} +.ios .button-small.button-fill, +.ios .button-small-ios.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent; +} +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); +} +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0; +} +.segmented .button:first-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; +} +.segmented .button:not(.button-outline):first-child { + border-right: none; +} +.segmented .button.button-outline:nth-child(n + 2) { + border-right: none; +} +.segmented .button:last-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); +} +.segmented .button-round:first-child { + border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0; +} +.segmented .button-round:last-child { + border-radius: var(--f7-button-height) 0 0 var(--f7-button-height); +} +.segmented .button:first-child:last-child { + border-radius: var(--f7-button-border-radius); +} +.segmented-round, +.ios .segmented-round-ios, +.md .segmented-round-md { + border-radius: var(--f7-button-height); +} +.segmented-raised, +.ios .segmented-raised-ios, +.md .segmented-raised-md { + box-shadow: var(--f7-button-raised-box-shadow); +} +.segmented-raised .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .button:not(.button-outline) { + border-right: 1px solid var(--f7-segmented-raised-divider-color); +} +.button-raised, +.ios .button-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow); +} +.button-raised.active-state, +.ios .button-raised-ios.active-state, +.md .button-raised-md.active-state { + --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); +} +.subnavbar .segmented { + width: 100%; +} +.ios .button { + transition-duration: 100ms; +} +.ios .button-fill, +.ios .button-fill-ios { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint)); +} +.ios .button-small, +.ios .button-small-ios { + transition-duration: 200ms; +} +.md .button { + transition-duration: 300ms; + transform: translate3d(0, 0, 0); +} +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +/* === Touch Ripple === */ +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); +} +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); +} +.ripple, +.fab a, +a.link, +a.item-link, +a.list-button, +.button, +.dialog-button, +.tab-link, +.radio, +.checkbox, +.actions-button, +.speed-dial-buttons a { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1400ms; + background-color: var(--f7-touch-ripple-color); + will-change: transform, opacity; +} +.ripple-wave.ripple-wave-fill { + transition-duration: 300ms; + opacity: 0.35; +} +.ripple-wave.ripple-wave-out { + transition-duration: 600ms; + opacity: 0; +} +.button-fill .ripple-wave, +.picker-calendar-day .ripple-wave, +.menu .ripple-wave { + z-index: 1; +} +.checkbox .ripple-wave, +.radio .ripple-wave, +.data-table .sortable-cell .ripple-wave { + z-index: 0; +} +[class*="ripple-color-"] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color); +} +/* === Icon === */ +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative; +} +.icon-back:after, +.icon-prev:after, +.icon-forward:after, +.icon-next:after { + font-family: 'framework7-core-icons'; + font-weight: normal; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; +} +.icon[class*="color-"] { + color: var(--f7-theme-color); +} +.ios .icon-back, +.ios .icon-prev, +.ios .icon-forward, +.ios .icon-next { + width: 12px; + height: 20px; + line-height: 20px; +} +.ios .icon-back:after, +.ios .icon-prev:after, +.ios .icon-forward:after, +.ios .icon-next:after { + line-height: inherit; +} +.ios .icon-prev:after, +.ios .icon-next:after { + font-size: 16px; +} +.ios .item-media .icon { + color: #808080; +} +.ios .item-media .f7-icons { + font-size: 28px; + width: 28px; + height: 28px; +} +.ios .icon-back:after, +.ios .icon-prev:after { + content: 'chevron_right_ios'; +} +.ios .icon-forward:after, +.ios .icon-next:after { + content: 'chevron_left_ios'; +} +.md .icon-back, +.md .icon-forward, +.md .icon-next, +.md .icon-prev { + width: 24px; + height: 24px; +} +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next:after, +.md .icon-prev:after { + line-height: 1.2; +} +.md .item-media .icon { + color: #737373; +} +.md .item-media .material-icons { + font-size: 24px; + width: 24px; + height: 24px; +} +.md .icon-back:after { + content: 'arrow_right_md'; +} +.md .icon-forward:after { + content: 'arrow_left_md'; +} +.md .icon-next:after { + content: 'chevron_left_md'; +} +.md .icon-prev:after { + content: 'chevron_right_md'; +} +.custom-modal-backdrop { + z-index: 10500; +} +.custom-modal-backdrop, +.actions-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: 400ms; +} +.custom-modal-backdrop.not-animated, +.actions-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0ms; +} +.custom-modal-backdrop.backdrop-in, +.actions-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1; +} diff --git a/mobile/www/framework7/css/framework7.rtl.min.css b/mobile/www/framework7/css/framework7.rtl.min.css new file mode 100644 index 0000000..5ed3a59 --- /dev/null +++ b/mobile/www/framework7/css/framework7.rtl.min.css @@ -0,0 +1,13 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-font-size:14px;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-font-size:14px;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:#c4c4c4}.ios .theme-dark,.ios.theme-dark{--f7-bars-border-color:#282829}.md{--f7-bars-border-color:transparent}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .if-md,.ios .md-only{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .if-ios,.md .ios-only{display:none!important}:root{--f7-statusbar-height:0px;--f7-statusbar-bg-color:var(--f7-bars-bg-color)}.device-ios{--f7-statusbar-height:var(--f7-safe-area-top, 20px)}.device-android{--f7-statusbar-height:var(--f7-safe-area-top, 24px)}.with-statusbar.ios:not(.device-ios):not(.device-android){--f7-statusbar-height:20px}.with-statusbar.md:not(.device-ios):not(.device-android){--f7-statusbar-height:24px}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-ios{--f7-statusbar-height:20px}}@supports not (top:env(safe-area-inset-top)){.with-statusbar.device-android{--f7-statusbar-height:24px}}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;box-sizing:border-box;display:block;height:var(--f7-statusbar-height)}.framework7-root{padding-top:var(--f7-statusbar-height)}.ios .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.md .statusbar{background:var(--f7-statusbar-bg-color,var(--f7-theme-color-shade))}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms;--f7-page-swipeback-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms;--f7-page-swipeback-transition-duration:400ms}.theme-dark{--f7-page-bg-color:#171717;--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0);background-color:var(--f7-page-bg-color)}.page.stacked{display:none}.page-previous{pointer-events:none}.page-content{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:var(--f7-navbar-height)}.ios .router-dynamic-navbar-inside .page-current:after,.ios .router-dynamic-navbar-inside .page-current:before,.ios .router-dynamic-navbar-inside .page-next:before,.ios .router-dynamic-navbar-inside .page-previous:after{top:var(--f7-navbar-height)}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:1;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:#6d6d72;--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-large-title-text-color:inherit}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:#8e8e93}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-large-title-text-color:inherit}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:var(--f7-navbar-height);background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-navbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-navbar-font-size)}.navbar .material-icons{width:24px}.navbar .f7-icons{width:28px}.navbar b{font-weight:500}.navbar a{color:var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.navbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-navbar-height);height:var(--f7-navbar-height)}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:10;font-weight:var(--f7-navbar-title-font-weight);display:inline-block;line-height:var(--f7-navbar-title-line-height);text-align:var(--f7-navbar-title-text-align);margin-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar.no-border:after,.navbar.no-hairline:after{display:none!important}.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar.no-shadow:before{display:none!important}.navbar.navbar-hidden:before{opacity:0!important}.navbar:after,.navbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.navbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.navbar:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-navbar-height);display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-left))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-large:before{transform:translateY(calc((1 - var(--f7-navbar-large-collapse-progress)) * var(--f7-navbar-large-title-height)))}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;align-items:center;white-space:nowrap;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);will-change:transform,opacity;transition-property:transform;overflow:hidden;background-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));height:calc(var(--f7-navbar-large-title-height) + 1px);z-index:5;margin-top:-1px;transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar .title-large:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));transform-origin:calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.title-large-inner,.title-large-text{box-sizing:border-box;overflow:hidden;transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transition-property:transform,opacity;width:100%}.navbar-no-title-large-transition .title-large,.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~* .page:not(.no-navbar) .page-content,.navbar~.page-content,.navbar~.page:not(.no-navbar) .page-content,.navbar~:not(.page) .page-content{padding-top:var(--f7-navbar-height)}.navbar~* .page:not(.no-navbar).page-with-navbar-large .page-content,.navbar~.page:not(.no-navbar).page-with-navbar-large .page-content,.page-with-navbar-large .navbar~* .page-content,.page-with-navbar-large .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,.ios .view:not(.view-master-detail) .navbar-previous .title-large{transform:translateY(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text{transform:scale(.5);transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .title-large{transform:translateX(100%);transition:0s}.ios .navbar-next .title-large .title-large-inner,.ios .navbar-next .title-large .title-large-text{transition:0s}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-next .title-large-text{transform:none}.ios .router-dynamic-navbar-inside .navbar-previous .title-large{opacity:1;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text{transform:translate3d(0,calc(var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .router-transition .navbar{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .title-large{transition:0s}.ios .router-transition .navbar-current .left,.ios .router-transition .navbar-current .right,.ios .router-transition .navbar-current .subnavbar,.ios .router-transition .navbar-current>.title{animation:ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition .navbar-current .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-fade-out var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-scale-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-title-large-inner-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-left-top var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text{animation:none!important}.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span{animation:ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;transition:none;transform-origin:right center}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;transform:translateX(100%)}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large{animation:ios-navbar-title-large-slide-up var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-right-bottom var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:0}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible;opacity:1;transform:translateY(0)}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-title-large-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{opacity:1;animation:ios-navbar-title-large-slide-down var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-title-large-text-scale-in var(--f7-page-transition-duration) forwards,ios-navbar-title-large-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-title-large-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text{animation:none!important}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-title-large-slide-up{0%{transform:translateY(0%)}100%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}}@keyframes ios-navbar-title-large-slide-down{0%{transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)))}100%{transform:translateY(0%)}}@keyframes ios-navbar-title-large-text-slide-up{0%{transform:translateX(0px) translateY(0%) scale(1)}100%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}}@keyframes ios-navbar-title-large-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left{0%{transform:translateX(-200%) scale(1)}100%{transform:translateX(-100%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right{0%{transform:translateX(-100%) scale(1)}100%{transform:translateX(-200%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-left-top{0%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}100%{transform:translateX(0%) translateY(0%) scale(1)}}@keyframes ios-navbar-title-large-text-slide-right-bottom{0%{transform:translateX(0%) translateY(0%) scale(1)}100%{transform:translateX(-100%) translateY(var(--f7-navbar-large-title-height)) scale(1)}}@keyframes ios-navbar-title-large-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-title-large-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes ios-navbar-title-large-text-scale-out{0%{transform:translateY(0%) scale(1)}100%{transform:translateY(0%) scale(.5)}}@keyframes ios-navbar-title-large-text-scale-in{0%{transform:translateY(0%) scale(.5)}100%{transform:translateY(0%) scale(1)}}@keyframes ios-navbar-back-text-current-to-previous{0%{opacity:1;transform:translateY(0px) translateX(0px) scale(1)}80%{opacity:0}100%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}}@keyframes ios-navbar-back-text-next-to-current{0%{opacity:0;transform:translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc((var(--f7-navbar-height) + var(--f7-navbar-large-title-height))/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-title-large-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-title-large-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-inner-large:not(.navbar-inner-large-collapsed){overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}:root{--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:#929292;--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-text-transform:none;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-height);height:var(--f7-toolbar-height)}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image,var(--f7-bars-shadow-bottom-image))}.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image,var(--f7-bars-shadow-top-image))}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color))}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{will-change:scroll-position;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-bottom-ios~* .page-content,.ios .toolbar-bottom-ios~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content,.toolbar-bottom~* .page-content,.toolbar-bottom~.page-content{padding-bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page-content,.ios .toolbar-bottom-ios.tabbar-labels~.page-content,.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content,.toolbar-bottom.tabbar-labels~* .page-content,.toolbar-bottom.tabbar-labels~.page-content{padding-bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .toolbar-top-ios~* .page-content,.ios .toolbar-top-ios~.page-content,.md .toolbar-top-md~* .page-content,.md .toolbar-top-md~.page-content,.toolbar-top~* .page-content,.toolbar-top~.page-content{padding-top:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-labels~* .page-content,.ios .toolbar-top-ios.tabbar-labels~.page-content,.md .toolbar-top-md.tabbar-labels~* .page-content,.md .toolbar-top-md.tabbar-labels~.page-content,.toolbar-top.tabbar-labels~* .page-content,.toolbar-top.tabbar-labels~.page-content{padding-top:var(--f7-tabbar-labels-height)}.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:var(--f7-navbar-height)}.ios .navbar~* .toolbar-top-ios~* .page-content,.ios .navbar~* .toolbar-top-ios~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios~.page-content,.ios .navbar~.toolbar-top-ios~* .page-content,.ios .navbar~.toolbar-top-ios~.page-content,.md .navbar~* .toolbar-top-md~* .page-content,.md .navbar~* .toolbar-top-md~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md~.page-content,.md .navbar~.toolbar-top-md~* .page-content,.md .navbar~.toolbar-top-md~.page-content,.navbar~* .toolbar-top~* .page-content,.navbar~* .toolbar-top~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top~.page-content,.navbar~.toolbar-top~* .page-content,.navbar~.toolbar-top~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~* .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~* .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.tabbar-labels~.page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~* .page-content,.ios .navbar~.toolbar-top-ios.tabbar-labels~.page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~* .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.tabbar-labels~.page-content,.md .navbar~.toolbar-top-md.tabbar-labels~* .page-content,.md .navbar~.toolbar-top-md.tabbar-labels~.page-content,.navbar~* .toolbar-top.tabbar-labels~* .page-content,.navbar~* .toolbar-top.tabbar-labels~.page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~* .page-content,.navbar~.page:not(.no-navbar) .toolbar-top.tabbar-labels~.page-content,.navbar~.toolbar-top.tabbar-labels~* .page-content,.navbar~.toolbar-top.tabbar-labels~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height))),0)}.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height))),0)}.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))),0)}.ios .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0;min-width:44px}.ios .toolbar-inner{padding:0 calc(8px + var(--f7-safe-area-right)) 0 calc(8px + var(--f7-safe-area-left))}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .toolbar-inner{padding:0 var(--f7-safe-area-right) 0 var(--f7-safe-area-left)}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto;justify-content:flex-start}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-navbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-line-height:1.2;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-height);height:var(--f7-subnavbar-height)}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-navbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image,var(--f7-bars-shadow-bottom-image))}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:var(--f7-navbar-height)}.navbar .title-large~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.page-with-subnavbar .page-content,.subnavbar~* .page-content,.subnavbar~.page-content{padding-top:var(--f7-subnavbar-height)}.navbar~.page-with-subnavbar:not(.no-navbar) .page-content,.navbar~.subnavbar~* .page-content,.navbar~.subnavbar~.page-content,.navbar~:not(.no-navbar) .subnavbar~* .page-content,.navbar~:not(.no-navbar) .subnavbar~.page-content,.page-with-subnavbar .navbar~* .page-content,.page-with-subnavbar .navbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.navbar~.page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~* .page-content,.page-with-subnavbar.page-with-navbar-large .navbar~.page-content,.page-with-subnavbar.page-with-navbar-large .page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height))}.ios .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.ios .subnavbar .title{align-self:flex-start;flex-shrink:10}.ios .subnavbar .left a+a,.ios .subnavbar .right a+a{margin-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}:root{--f7-block-font-size:inherit;--f7-block-strong-bg-color:#fff;--f7-block-title-font-size:inherit;--f7-block-header-margin:10px;--f7-block-footer-margin:10px;--f7-block-header-font-size:14px;--f7-block-footer-font-size:14px;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.ios{--f7-block-text-color:#6d6d72;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:#c8c7cc;--f7-block-title-text-transform:uppercase;--f7-block-title-text-color:#6d6d72;--f7-block-title-font-weight:400;--f7-block-title-line-height:17px;--f7-block-title-margin-bottom:10px;--f7-block-title-medium-font-size:22px;--f7-block-title-medium-font-weight:bold;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:29px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:#8f8f94;--f7-block-footer-text-color:#8f8f94}.ios .theme-dark,.ios.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--f7-block-strong-bg-color:#1c1c1d;--f7-block-strong-text-color:#fff}.md{--f7-block-text-color:inherit;--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-text-transform:none;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-strong-border-color:#282829;--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-bg-color:#1c1c1d}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:#c7c7cc;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2}.ios{--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:#c8c7cc;--f7-list-item-border-color:#c8c7cc;--f7-list-link-pressed-bg-color:#d9d9d9;--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#8e8e93;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:#8e8e93;--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:center;--f7-list-button-border-color:#c8c7cc;--f7-list-button-pressed-bg-color:#d9d9d9;--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:#8e8e93;--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:#c8c7cc;--f7-list-group-title-height:31px;--f7-list-group-title-text-color:#8e8e93;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7;--f7-list-group-title-line-height:inherit}.ios .theme-dark,.ios.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-border-color:#282829;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636;--f7-list-chevron-icon-color:#434345}.md{--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-font-weight:400;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-font-weight:400;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-line-height:inherit;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4;--f7-list-group-title-line-height:inherit}.md .theme-dark,.md.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-border-color:#282829;--f7-list-button-text-color:#fff;--f7-list-item-border-color:#282829;--f7-list-item-divider-border-color:#282829;--f7-list-item-divider-bg-color:#232323;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-bg-color:#232323;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-chevron-icon-color:#434345;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 30px)}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.ios .media-list .item-title,.ios li.media-item .item-title{font-weight:600}.md .list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + 40px)}.md .list .item-media{min-width:40px}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-font-size:14px;--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-button-raised-pressed-box-shadow:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);--f7-segmented-raised-divider-color:rgba(0, 0, 0, 0.1)}.ios{--f7-button-height:29px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:400;--f7-button-letter-spacing:0;--f7-button-text-transform:none;--f7-button-outline-border-width:1px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md{--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-small-height:28px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size, var(--f7-button-font-size))}.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow)}.segmented .button,.segmented button{width:100%;flex-shrink:1;min-width:0;border-radius:0}.segmented .button:first-child{border-radius:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.radio,.ripple,.speed-dial-buttons a,.tab-link,a.item-link,a.link,a.list-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/mobile/www/framework7/js/framework7.bundle.d.ts b/mobile/www/framework7/js/framework7.bundle.d.ts new file mode 100644 index 0000000..97e74b4 --- /dev/null +++ b/mobile/www/framework7/js/framework7.bundle.d.ts @@ -0,0 +1,311 @@ +import Template7 from 'template7'; +import Dom7 from 'dom7'; +import Framework7 from './components/app/app-class'; + +// Helpers +import Request from './utils/request'; +import Utils from './utils/utils'; +import Support from './utils/support'; +import Device from './utils/device'; + +// Modules +import {Clicks as ClicksNamespace} from './modules/clicks/clicks'; +import {Device as DeviceNamespace} from './modules/device/device'; +import {Request as RequestNamespace} from './modules/request/request'; +import {Resize as ResizeNamespace} from './modules/resize/resize'; +import {Router as RouterNamespace} from './modules/router/router'; +import {ServiceWorker as ServiceWorkerNamespace} from './modules/service-worker/service-worker'; +import {Support as SupportNamespace} from './modules/support/support'; +import {Touch as TouchNamespace} from './modules/touch/touch'; +import {Utils as UtilsNamespace} from './modules/utils/utils'; + +// Components +import {Accordion as AccordionNamespace} from './components/accordion/accordion'; +import {Actions as ActionsNamespace} from './components/actions/actions'; +import {Autocomplete as AutocompleteNamespace} from './components/autocomplete/autocomplete'; +import {Badge as BadgeNamespace} from './components/badge/badge'; +import {Block as BlockNamespace} from './components/block/block'; +import {Button as ButtonNamespace} from './components/button/button'; +import {Calendar as CalendarNamespace} from './components/calendar/calendar'; +import {Card as CardNamespace} from './components/card/card'; +import {Checkbox as CheckboxNamespace} from './components/checkbox/checkbox'; +import {Chip as ChipNamespace} from './components/chip/chip'; +import {ContactsList as ContactsListNamespace} from './components/contacts-list/contacts-list'; +import {DataTable as DataTableNamespace} from './components/data-table/data-table'; +import {Dialog as DialogNamespace} from './components/dialog/dialog'; +import {Elevation as ElevationNamespace} from './components/elevation/elevation'; +import {Fab as FabNamespace} from './components/fab/fab'; +import {Form as FormNamespace} from './components/form/form'; +import {Gauge as GaugeNamespace} from './components/gauge/gauge'; +import {Grid as GridNamespace} from './components/grid/grid'; +import {Icon as IconNamespace} from './components/icon/icon'; +import {InfiniteScroll as InfiniteScrollNamespace} from './components/infinite-scroll/infinite-scroll'; +import {Input as InputNamespace} from './components/input/input'; +import {Lazy as LazyNamespace} from './components/lazy/lazy'; +import {Link as LinkNamespace} from './components/link/link'; +import {List as ListNamespace} from './components/list/list'; +import {ListIndex as ListIndexNamespace} from './components/list-index/list-index'; +import {LoginScreen as LoginScreenNamespace} from './components/login-screen/login-screen'; +import {Menu as MenuNamespace} from './components/menu/menu'; +import {Messagebar as MessagebarNamespace} from './components/messagebar/messagebar'; +import {Messages as MessagesNamespace} from './components/messages/messages'; +import {Modal as ModalNamespace} from './components/modal/modal'; +import {Navbar as NavbarNamespace} from './components/navbar/navbar'; +import {Notification as NotificationNamespace} from './components/notification/notification'; +import {Page as PageNamespace} from './components/page/page'; +import {Panel as PanelNamespace} from './components/panel/panel'; +import {PhotoBrowser as PhotoBrowserNamespace} from './components/photo-browser/photo-browser'; +import {Picker as PickerNamespace} from './components/picker/picker'; +import {Popover as PopoverNamespace} from './components/popover/popover'; +import {Popup as PopupNamespace} from './components/popup/popup'; +import {Preloader as PreloaderNamespace} from './components/preloader/preloader'; +import {Progressbar as ProgressbarNamespace} from './components/progressbar/progressbar'; +import {PullToRefresh as PullToRefreshNamespace} from './components/pull-to-refresh/pull-to-refresh'; +import {Radio as RadioNamespace} from './components/radio/radio'; +import {Range as RangeNamespace} from './components/range/range'; +import {Searchbar as SearchbarNamespace} from './components/searchbar/searchbar'; +import {Sheet as SheetNamespace} from './components/sheet/sheet'; +import {Skeleton as SkeletonNamespace} from './components/skeleton/skeleton'; +import {SmartSelect as SmartSelectNamespace} from './components/smart-select/smart-select'; +import {Sortable as SortableNamespace} from './components/sortable/sortable'; +import {Statusbar as StatusbarNamespace} from './components/statusbar/statusbar'; +import {Stepper as StepperNamespace} from './components/stepper/stepper'; +import {Subnavbar as SubnavbarNamespace} from './components/subnavbar/subnavbar'; +import {Swipeout as SwipeoutNamespace} from './components/swipeout/swipeout'; +import {Swiper as SwiperNamespace} from './components/swiper/swiper'; +import {Tabs as TabsNamespace} from './components/tabs/tabs'; +import {Timeline as TimelineNamespace} from './components/timeline/timeline'; +import {Toast as ToastNamespace} from './components/toast/toast'; +import {Toggle as ToggleNamespace} from './components/toggle/toggle'; +import {Toolbar as ToolbarNamespace} from './components/toolbar/toolbar'; +import {Tooltip as TooltipNamespace} from './components/tooltip/tooltip'; +import {TouchRipple as TouchRippleNamespace} from './components/touch-ripple/touch-ripple'; +import {Typography as TypographyNamespace} from './components/typography/typography'; +import {Vi as ViNamespace} from './components/vi/vi'; +import {View as ViewNamespace} from './components/view/view'; +import {VirtualList as VirtualListNamespace} from './components/virtual-list/virtual-list'; + +declare module './components/app/app-class' { + interface Framework7Class extends ClicksNamespace.AppMethods{} + interface Framework7Params extends ClicksNamespace.AppParams{} + interface Framework7Events extends ClicksNamespace.AppEvents{} + interface Framework7Class extends DeviceNamespace.AppMethods{} + interface Framework7Params extends DeviceNamespace.AppParams{} + interface Framework7Events extends DeviceNamespace.AppEvents{} + interface Framework7Class extends RequestNamespace.AppMethods{} + interface Framework7Params extends RequestNamespace.AppParams{} + interface Framework7Events extends RequestNamespace.AppEvents{} + interface Framework7Class extends ResizeNamespace.AppMethods{} + interface Framework7Params extends ResizeNamespace.AppParams{} + interface Framework7Events extends ResizeNamespace.AppEvents{} + interface Framework7Class extends RouterNamespace.AppMethods{} + interface Framework7Params extends RouterNamespace.AppParams{} + interface Framework7Events extends RouterNamespace.AppEvents{} + interface Framework7Class extends ServiceWorkerNamespace.AppMethods{} + interface Framework7Params extends ServiceWorkerNamespace.AppParams{} + interface Framework7Events extends ServiceWorkerNamespace.AppEvents{} + interface Framework7Class extends SupportNamespace.AppMethods{} + interface Framework7Params extends SupportNamespace.AppParams{} + interface Framework7Events extends SupportNamespace.AppEvents{} + interface Framework7Class extends TouchNamespace.AppMethods{} + interface Framework7Params extends TouchNamespace.AppParams{} + interface Framework7Events extends TouchNamespace.AppEvents{} + interface Framework7Class extends UtilsNamespace.AppMethods{} + interface Framework7Params extends UtilsNamespace.AppParams{} + interface Framework7Events extends UtilsNamespace.AppEvents{} + interface Framework7Class extends AccordionNamespace.AppMethods{} + interface Framework7Params extends AccordionNamespace.AppParams{} + interface Framework7Events extends AccordionNamespace.AppEvents{} + interface Framework7Class extends ActionsNamespace.AppMethods{} + interface Framework7Params extends ActionsNamespace.AppParams{} + interface Framework7Events extends ActionsNamespace.AppEvents{} + interface Framework7Class extends AutocompleteNamespace.AppMethods{} + interface Framework7Params extends AutocompleteNamespace.AppParams{} + interface Framework7Events extends AutocompleteNamespace.AppEvents{} + interface Framework7Class extends BadgeNamespace.AppMethods{} + interface Framework7Params extends BadgeNamespace.AppParams{} + interface Framework7Events extends BadgeNamespace.AppEvents{} + interface Framework7Class extends BlockNamespace.AppMethods{} + interface Framework7Params extends BlockNamespace.AppParams{} + interface Framework7Events extends BlockNamespace.AppEvents{} + interface Framework7Class extends ButtonNamespace.AppMethods{} + interface Framework7Params extends ButtonNamespace.AppParams{} + interface Framework7Events extends ButtonNamespace.AppEvents{} + interface Framework7Class extends CalendarNamespace.AppMethods{} + interface Framework7Params extends CalendarNamespace.AppParams{} + interface Framework7Events extends CalendarNamespace.AppEvents{} + interface Framework7Class extends CardNamespace.AppMethods{} + interface Framework7Params extends CardNamespace.AppParams{} + interface Framework7Events extends CardNamespace.AppEvents{} + interface Framework7Class extends CheckboxNamespace.AppMethods{} + interface Framework7Params extends CheckboxNamespace.AppParams{} + interface Framework7Events extends CheckboxNamespace.AppEvents{} + interface Framework7Class extends ChipNamespace.AppMethods{} + interface Framework7Params extends ChipNamespace.AppParams{} + interface Framework7Events extends ChipNamespace.AppEvents{} + interface Framework7Class extends ContactsListNamespace.AppMethods{} + interface Framework7Params extends ContactsListNamespace.AppParams{} + interface Framework7Events extends ContactsListNamespace.AppEvents{} + interface Framework7Class extends DataTableNamespace.AppMethods{} + interface Framework7Params extends DataTableNamespace.AppParams{} + interface Framework7Events extends DataTableNamespace.AppEvents{} + interface Framework7Class extends DialogNamespace.AppMethods{} + interface Framework7Params extends DialogNamespace.AppParams{} + interface Framework7Events extends DialogNamespace.AppEvents{} + interface Framework7Class extends ElevationNamespace.AppMethods{} + interface Framework7Params extends ElevationNamespace.AppParams{} + interface Framework7Events extends ElevationNamespace.AppEvents{} + interface Framework7Class extends FabNamespace.AppMethods{} + interface Framework7Params extends FabNamespace.AppParams{} + interface Framework7Events extends FabNamespace.AppEvents{} + interface Framework7Class extends FormNamespace.AppMethods{} + interface Framework7Params extends FormNamespace.AppParams{} + interface Framework7Events extends FormNamespace.AppEvents{} + interface Framework7Class extends GaugeNamespace.AppMethods{} + interface Framework7Params extends GaugeNamespace.AppParams{} + interface Framework7Events extends GaugeNamespace.AppEvents{} + interface Framework7Class extends GridNamespace.AppMethods{} + interface Framework7Params extends GridNamespace.AppParams{} + interface Framework7Events extends GridNamespace.AppEvents{} + interface Framework7Class extends IconNamespace.AppMethods{} + interface Framework7Params extends IconNamespace.AppParams{} + interface Framework7Events extends IconNamespace.AppEvents{} + interface Framework7Class extends InfiniteScrollNamespace.AppMethods{} + interface Framework7Params extends InfiniteScrollNamespace.AppParams{} + interface Framework7Events extends InfiniteScrollNamespace.AppEvents{} + interface Framework7Class extends InputNamespace.AppMethods{} + interface Framework7Params extends InputNamespace.AppParams{} + interface Framework7Events extends InputNamespace.AppEvents{} + interface Framework7Class extends LazyNamespace.AppMethods{} + interface Framework7Params extends LazyNamespace.AppParams{} + interface Framework7Events extends LazyNamespace.AppEvents{} + interface Framework7Class extends LinkNamespace.AppMethods{} + interface Framework7Params extends LinkNamespace.AppParams{} + interface Framework7Events extends LinkNamespace.AppEvents{} + interface Framework7Class extends ListNamespace.AppMethods{} + interface Framework7Params extends ListNamespace.AppParams{} + interface Framework7Events extends ListNamespace.AppEvents{} + interface Framework7Class extends ListIndexNamespace.AppMethods{} + interface Framework7Params extends ListIndexNamespace.AppParams{} + interface Framework7Events extends ListIndexNamespace.AppEvents{} + interface Framework7Class extends LoginScreenNamespace.AppMethods{} + interface Framework7Params extends LoginScreenNamespace.AppParams{} + interface Framework7Events extends LoginScreenNamespace.AppEvents{} + interface Framework7Class extends MenuNamespace.AppMethods{} + interface Framework7Params extends MenuNamespace.AppParams{} + interface Framework7Events extends MenuNamespace.AppEvents{} + interface Framework7Class extends MessagebarNamespace.AppMethods{} + interface Framework7Params extends MessagebarNamespace.AppParams{} + interface Framework7Events extends MessagebarNamespace.AppEvents{} + interface Framework7Class extends MessagesNamespace.AppMethods{} + interface Framework7Params extends MessagesNamespace.AppParams{} + interface Framework7Events extends MessagesNamespace.AppEvents{} + interface Framework7Class extends ModalNamespace.AppMethods{} + interface Framework7Params extends ModalNamespace.AppParams{} + interface Framework7Events extends ModalNamespace.AppEvents{} + interface Framework7Class extends NavbarNamespace.AppMethods{} + interface Framework7Params extends NavbarNamespace.AppParams{} + interface Framework7Events extends NavbarNamespace.AppEvents{} + interface Framework7Class extends NotificationNamespace.AppMethods{} + interface Framework7Params extends NotificationNamespace.AppParams{} + interface Framework7Events extends NotificationNamespace.AppEvents{} + interface Framework7Class extends PageNamespace.AppMethods{} + interface Framework7Params extends PageNamespace.AppParams{} + interface Framework7Events extends PageNamespace.AppEvents{} + interface Framework7Class extends PanelNamespace.AppMethods{} + interface Framework7Params extends PanelNamespace.AppParams{} + interface Framework7Events extends PanelNamespace.AppEvents{} + interface Framework7Class extends PhotoBrowserNamespace.AppMethods{} + interface Framework7Params extends PhotoBrowserNamespace.AppParams{} + interface Framework7Events extends PhotoBrowserNamespace.AppEvents{} + interface Framework7Class extends PickerNamespace.AppMethods{} + interface Framework7Params extends PickerNamespace.AppParams{} + interface Framework7Events extends PickerNamespace.AppEvents{} + interface Framework7Class extends PopoverNamespace.AppMethods{} + interface Framework7Params extends PopoverNamespace.AppParams{} + interface Framework7Events extends PopoverNamespace.AppEvents{} + interface Framework7Class extends PopupNamespace.AppMethods{} + interface Framework7Params extends PopupNamespace.AppParams{} + interface Framework7Events extends PopupNamespace.AppEvents{} + interface Framework7Class extends PreloaderNamespace.AppMethods{} + interface Framework7Params extends PreloaderNamespace.AppParams{} + interface Framework7Events extends PreloaderNamespace.AppEvents{} + interface Framework7Class extends ProgressbarNamespace.AppMethods{} + interface Framework7Params extends ProgressbarNamespace.AppParams{} + interface Framework7Events extends ProgressbarNamespace.AppEvents{} + interface Framework7Class extends PullToRefreshNamespace.AppMethods{} + interface Framework7Params extends PullToRefreshNamespace.AppParams{} + interface Framework7Events extends PullToRefreshNamespace.AppEvents{} + interface Framework7Class extends RadioNamespace.AppMethods{} + interface Framework7Params extends RadioNamespace.AppParams{} + interface Framework7Events extends RadioNamespace.AppEvents{} + interface Framework7Class extends RangeNamespace.AppMethods{} + interface Framework7Params extends RangeNamespace.AppParams{} + interface Framework7Events extends RangeNamespace.AppEvents{} + interface Framework7Class extends SearchbarNamespace.AppMethods{} + interface Framework7Params extends SearchbarNamespace.AppParams{} + interface Framework7Events extends SearchbarNamespace.AppEvents{} + interface Framework7Class extends SheetNamespace.AppMethods{} + interface Framework7Params extends SheetNamespace.AppParams{} + interface Framework7Events extends SheetNamespace.AppEvents{} + interface Framework7Class extends SkeletonNamespace.AppMethods{} + interface Framework7Params extends SkeletonNamespace.AppParams{} + interface Framework7Events extends SkeletonNamespace.AppEvents{} + interface Framework7Class extends SmartSelectNamespace.AppMethods{} + interface Framework7Params extends SmartSelectNamespace.AppParams{} + interface Framework7Events extends SmartSelectNamespace.AppEvents{} + interface Framework7Class extends SortableNamespace.AppMethods{} + interface Framework7Params extends SortableNamespace.AppParams{} + interface Framework7Events extends SortableNamespace.AppEvents{} + interface Framework7Class extends StatusbarNamespace.AppMethods{} + interface Framework7Params extends StatusbarNamespace.AppParams{} + interface Framework7Events extends StatusbarNamespace.AppEvents{} + interface Framework7Class extends StepperNamespace.AppMethods{} + interface Framework7Params extends StepperNamespace.AppParams{} + interface Framework7Events extends StepperNamespace.AppEvents{} + interface Framework7Class extends SubnavbarNamespace.AppMethods{} + interface Framework7Params extends SubnavbarNamespace.AppParams{} + interface Framework7Events extends SubnavbarNamespace.AppEvents{} + interface Framework7Class extends SwipeoutNamespace.AppMethods{} + interface Framework7Params extends SwipeoutNamespace.AppParams{} + interface Framework7Events extends SwipeoutNamespace.AppEvents{} + interface Framework7Class extends SwiperNamespace.AppMethods{} + interface Framework7Params extends SwiperNamespace.AppParams{} + interface Framework7Events extends SwiperNamespace.AppEvents{} + interface Framework7Class extends TabsNamespace.AppMethods{} + interface Framework7Params extends TabsNamespace.AppParams{} + interface Framework7Events extends TabsNamespace.AppEvents{} + interface Framework7Class extends TimelineNamespace.AppMethods{} + interface Framework7Params extends TimelineNamespace.AppParams{} + interface Framework7Events extends TimelineNamespace.AppEvents{} + interface Framework7Class extends ToastNamespace.AppMethods{} + interface Framework7Params extends ToastNamespace.AppParams{} + interface Framework7Events extends ToastNamespace.AppEvents{} + interface Framework7Class extends ToggleNamespace.AppMethods{} + interface Framework7Params extends ToggleNamespace.AppParams{} + interface Framework7Events extends ToggleNamespace.AppEvents{} + interface Framework7Class extends ToolbarNamespace.AppMethods{} + interface Framework7Params extends ToolbarNamespace.AppParams{} + interface Framework7Events extends ToolbarNamespace.AppEvents{} + interface Framework7Class extends TooltipNamespace.AppMethods{} + interface Framework7Params extends TooltipNamespace.AppParams{} + interface Framework7Events extends TooltipNamespace.AppEvents{} + interface Framework7Class extends TouchRippleNamespace.AppMethods{} + interface Framework7Params extends TouchRippleNamespace.AppParams{} + interface Framework7Events extends TouchRippleNamespace.AppEvents{} + interface Framework7Class extends TypographyNamespace.AppMethods{} + interface Framework7Params extends TypographyNamespace.AppParams{} + interface Framework7Events extends TypographyNamespace.AppEvents{} + interface Framework7Class extends ViNamespace.AppMethods{} + interface Framework7Params extends ViNamespace.AppParams{} + interface Framework7Events extends ViNamespace.AppEvents{} + interface Framework7Class extends ViewNamespace.AppMethods{} + interface Framework7Params extends ViewNamespace.AppParams{} + interface Framework7Events extends ViewNamespace.AppEvents{} + interface Framework7Class extends VirtualListNamespace.AppMethods{} + interface Framework7Params extends VirtualListNamespace.AppParams{} + interface Framework7Events extends VirtualListNamespace.AppEvents{} +} + +export { Request, Utils, Support, Device, Template7, Dom7 }; +export default Framework7; \ No newline at end of file diff --git a/mobile/www/framework7/js/framework7.bundle.js b/mobile/www/framework7/js/framework7.bundle.js new file mode 100644 index 0000000..68f60d1 --- /dev/null +++ b/mobile/www/framework7/js/framework7.bundle.js @@ -0,0 +1,35807 @@ +/** + * Framework7 4.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: February 7, 2019 + */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global = global || self, global.Framework7 = factory()); +}(this, function () { 'use strict'; + + /** + * Template7 1.4.1 + * Mobile-first HTML template engine + * + * http://www.idangero.us/template7/ + * + * Copyright 2019, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: February 5, 2019 + */ + + var t7ctx; + if (typeof window !== 'undefined') { + t7ctx = window; + } else if (typeof global !== 'undefined') { + t7ctx = global; + } else { + t7ctx = undefined; + } + + var Template7Context = t7ctx; + + var Template7Utils = { + quoteSingleRexExp: new RegExp('\'', 'g'), + quoteDoubleRexExp: new RegExp('"', 'g'), + isFunction: function isFunction(func) { + return typeof func === 'function'; + }, + escape: function escape(string) { + if ( string === void 0 ) string = ''; + + return string + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"') + .replace(/'/g, '''); + }, + helperToSlices: function helperToSlices(string) { + var quoteDoubleRexExp = Template7Utils.quoteDoubleRexExp; + var quoteSingleRexExp = Template7Utils.quoteSingleRexExp; + var helperParts = string.replace(/[{}#}]/g, '').trim().split(' '); + var slices = []; + var shiftIndex; + var i; + var j; + for (i = 0; i < helperParts.length; i += 1) { + var part = helperParts[i]; + var blockQuoteRegExp = (void 0); + var openingQuote = (void 0); + if (i === 0) { slices.push(part); } + else if (part.indexOf('"') === 0 || part.indexOf('\'') === 0) { + blockQuoteRegExp = part.indexOf('"') === 0 ? quoteDoubleRexExp : quoteSingleRexExp; + openingQuote = part.indexOf('"') === 0 ? '"' : '\''; + // Plain String + if (part.match(blockQuoteRegExp).length === 2) { + // One word string + slices.push(part); + } else { + // Find closed Index + shiftIndex = 0; + for (j = i + 1; j < helperParts.length; j += 1) { + part += " " + (helperParts[j]); + if (helperParts[j].indexOf(openingQuote) >= 0) { + shiftIndex = j; + slices.push(part); + break; + } + } + if (shiftIndex) { i = shiftIndex; } + } + } else if (part.indexOf('=') > 0) { + // Hash + var hashParts = part.split('='); + var hashName = hashParts[0]; + var hashContent = hashParts[1]; + if (!blockQuoteRegExp) { + blockQuoteRegExp = hashContent.indexOf('"') === 0 ? quoteDoubleRexExp : quoteSingleRexExp; + openingQuote = hashContent.indexOf('"') === 0 ? '"' : '\''; + } + if (hashContent.match(blockQuoteRegExp).length !== 2) { + shiftIndex = 0; + for (j = i + 1; j < helperParts.length; j += 1) { + hashContent += " " + (helperParts[j]); + if (helperParts[j].indexOf(openingQuote) >= 0) { + shiftIndex = j; + break; + } + } + if (shiftIndex) { i = shiftIndex; } + } + var hash = [hashName, hashContent.replace(blockQuoteRegExp, '')]; + slices.push(hash); + } else { + // Plain variable + slices.push(part); + } + } + return slices; + }, + stringToBlocks: function stringToBlocks(string) { + var blocks = []; + var i; + var j; + if (!string) { return []; } + var stringBlocks = string.split(/({{[^{^}]*}})/); + for (i = 0; i < stringBlocks.length; i += 1) { + var block = stringBlocks[i]; + if (block === '') { continue; } + if (block.indexOf('{{') < 0) { + blocks.push({ + type: 'plain', + content: block, + }); + } else { + if (block.indexOf('{/') >= 0) { + continue; + } + block = block + .replace(/{{([#/])*([ ])*/, '{{$1') + .replace(/([ ])*}}/, '}}'); + if (block.indexOf('{#') < 0 && block.indexOf(' ') < 0 && block.indexOf('else') < 0) { + // Simple variable + blocks.push({ + type: 'variable', + contextName: block.replace(/[{}]/g, ''), + }); + continue; + } + // Helpers + var helperSlices = Template7Utils.helperToSlices(block); + var helperName = helperSlices[0]; + var isPartial = helperName === '>'; + var helperContext = []; + var helperHash = {}; + for (j = 1; j < helperSlices.length; j += 1) { + var slice = helperSlices[j]; + if (Array.isArray(slice)) { + // Hash + helperHash[slice[0]] = slice[1] === 'false' ? false : slice[1]; + } else { + helperContext.push(slice); + } + } + + if (block.indexOf('{#') >= 0) { + // Condition/Helper + var helperContent = ''; + var elseContent = ''; + var toSkip = 0; + var shiftIndex = (void 0); + var foundClosed = false; + var foundElse = false; + var depth = 0; + for (j = i + 1; j < stringBlocks.length; j += 1) { + if (stringBlocks[j].indexOf('{{#') >= 0) { + depth += 1; + } + if (stringBlocks[j].indexOf('{{/') >= 0) { + depth -= 1; + } + if (stringBlocks[j].indexOf(("{{#" + helperName)) >= 0) { + helperContent += stringBlocks[j]; + if (foundElse) { elseContent += stringBlocks[j]; } + toSkip += 1; + } else if (stringBlocks[j].indexOf(("{{/" + helperName)) >= 0) { + if (toSkip > 0) { + toSkip -= 1; + helperContent += stringBlocks[j]; + if (foundElse) { elseContent += stringBlocks[j]; } + } else { + shiftIndex = j; + foundClosed = true; + break; + } + } else if (stringBlocks[j].indexOf('else') >= 0 && depth === 0) { + foundElse = true; + } else { + if (!foundElse) { helperContent += stringBlocks[j]; } + if (foundElse) { elseContent += stringBlocks[j]; } + } + } + if (foundClosed) { + if (shiftIndex) { i = shiftIndex; } + if (helperName === 'raw') { + blocks.push({ + type: 'plain', + content: helperContent, + }); + } else { + blocks.push({ + type: 'helper', + helperName: helperName, + contextName: helperContext, + content: helperContent, + inverseContent: elseContent, + hash: helperHash, + }); + } + } + } else if (block.indexOf(' ') > 0) { + if (isPartial) { + helperName = '_partial'; + if (helperContext[0]) { + if (helperContext[0].indexOf('[') === 0) { helperContext[0] = helperContext[0].replace(/[[\]]/g, ''); } + else { helperContext[0] = "\"" + (helperContext[0].replace(/"|'/g, '')) + "\""; } + } + } + blocks.push({ + type: 'helper', + helperName: helperName, + contextName: helperContext, + hash: helperHash, + }); + } + } + } + return blocks; + }, + parseJsVariable: function parseJsVariable(expression, replace, object) { + return expression.split(/([+ \-*/^()&=|<>!%:?])/g).reduce(function (arr, part) { + if (!part) { + return arr; + } + if (part.indexOf(replace) < 0) { + arr.push(part); + return arr; + } + if (!object) { + arr.push(JSON.stringify('')); + return arr; + } + + var variable = object; + if (part.indexOf((replace + ".")) >= 0) { + part.split((replace + "."))[1].split('.').forEach(function (partName) { + if (partName in variable) { variable = variable[partName]; } + else { variable = undefined; } + }); + } + if (typeof variable === 'string') { + variable = JSON.stringify(variable); + } + if (variable === undefined) { variable = 'undefined'; } + + arr.push(variable); + return arr; + }, []).join(''); + }, + parseJsParents: function parseJsParents(expression, parents) { + return expression.split(/([+ \-*^()&=|<>!%:?])/g).reduce(function (arr, part) { + if (!part) { + return arr; + } + + if (part.indexOf('../') < 0) { + arr.push(part); + return arr; + } + + if (!parents || parents.length === 0) { + arr.push(JSON.stringify('')); + return arr; + } + + var levelsUp = part.split('../').length - 1; + var parentData = levelsUp > parents.length ? parents[parents.length - 1] : parents[levelsUp - 1]; + + var variable = parentData; + var parentPart = part.replace(/..\//g, ''); + parentPart.split('.').forEach(function (partName) { + if (typeof variable[partName] !== 'undefined') { variable = variable[partName]; } + else { variable = 'undefined'; } + }); + if (variable === false || variable === true) { + arr.push(JSON.stringify(variable)); + return arr; + } + if (variable === null || variable === 'undefined') { + arr.push(JSON.stringify('')); + return arr; + } + arr.push(JSON.stringify(variable)); + return arr; + }, []).join(''); + }, + getCompileVar: function getCompileVar(name, ctx, data) { + if ( data === void 0 ) data = 'data_1'; + + var variable = ctx; + var parts; + var levelsUp = 0; + var newDepth; + if (name.indexOf('../') === 0) { + levelsUp = name.split('../').length - 1; + newDepth = variable.split('_')[1] - levelsUp; + variable = "ctx_" + (newDepth >= 1 ? newDepth : 1); + parts = name.split('../')[levelsUp].split('.'); + } else if (name.indexOf('@global') === 0) { + variable = 'Template7.global'; + parts = name.split('@global.')[1].split('.'); + } else if (name.indexOf('@root') === 0) { + variable = 'root'; + parts = name.split('@root.')[1].split('.'); + } else { + parts = name.split('.'); + } + for (var i = 0; i < parts.length; i += 1) { + var part = parts[i]; + if (part.indexOf('@') === 0) { + var dataLevel = data.split('_')[1]; + if (levelsUp > 0) { + dataLevel = newDepth; + } + if (i > 0) { + variable += "[(data_" + dataLevel + " && data_" + dataLevel + "." + (part.replace('@', '')) + ")]"; + } else { + variable = "(data_" + dataLevel + " && data_" + dataLevel + "." + (part.replace('@', '')) + ")"; + } + } else if (Number.isFinite ? Number.isFinite(part) : Template7Context.isFinite(part)) { + variable += "[" + part + "]"; + } else if (part === 'this' || part.indexOf('this.') >= 0 || part.indexOf('this[') >= 0 || part.indexOf('this(') >= 0) { + variable = part.replace('this', ctx); + } else { + variable += "." + part; + } + } + return variable; + }, + getCompiledArguments: function getCompiledArguments(contextArray, ctx, data) { + var arr = []; + for (var i = 0; i < contextArray.length; i += 1) { + if (/^['"]/.test(contextArray[i])) { arr.push(contextArray[i]); } + else if (/^(true|false|\d+)$/.test(contextArray[i])) { arr.push(contextArray[i]); } + else { + arr.push(Template7Utils.getCompileVar(contextArray[i], ctx, data)); + } + } + + return arr.join(', '); + }, + }; + + /* eslint no-eval: "off" */ + + var Template7Helpers = { + _partial: function _partial(partialName, options) { + var ctx = this; + var p = Template7Class.partials[partialName]; + if (!p || (p && !p.template)) { return ''; } + if (!p.compiled) { + p.compiled = new Template7Class(p.template).compile(); + } + Object.keys(options.hash).forEach(function (hashName) { + ctx[hashName] = options.hash[hashName]; + }); + return p.compiled(ctx, options.data, options.root); + }, + escape: function escape(context) { + if (typeof context !== 'string') { + throw new Error('Template7: Passed context to "escape" helper should be a string'); + } + return Template7Utils.escape(context); + }, + if: function if$1(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (ctx) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + unless: function unless(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (!ctx) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + each: function each(context, options) { + var ctx = context; + var ret = ''; + var i = 0; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + if (Array.isArray(ctx)) { + if (options.hash.reverse) { + ctx = ctx.reverse(); + } + for (i = 0; i < ctx.length; i += 1) { + ret += options.fn(ctx[i], { first: i === 0, last: i === ctx.length - 1, index: i }); + } + if (options.hash.reverse) { + ctx = ctx.reverse(); + } + } else { + // eslint-disable-next-line + for (var key in ctx) { + i += 1; + ret += options.fn(ctx[key], { key: key }); + } + } + if (i > 0) { return ret; } + return options.inverse(this); + }, + with: function with$1(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = context.call(this); } + return options.fn(ctx); + }, + join: function join(context, options) { + var ctx = context; + if (Template7Utils.isFunction(ctx)) { ctx = ctx.call(this); } + return ctx.join(options.hash.delimiter || options.hash.delimeter); + }, + js: function js(expression, options) { + var data = options.data; + var func; + var execute = expression; + ('index first last key').split(' ').forEach(function (prop) { + if (typeof data[prop] !== 'undefined') { + var re1 = new RegExp(("this.@" + prop), 'g'); + var re2 = new RegExp(("@" + prop), 'g'); + execute = execute + .replace(re1, JSON.stringify(data[prop])) + .replace(re2, JSON.stringify(data[prop])); + } + }); + if (options.root && execute.indexOf('@root') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@root', options.root); + } + if (execute.indexOf('@global') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@global', Template7Context.Template7.global); + } + if (execute.indexOf('../') >= 0) { + execute = Template7Utils.parseJsParents(execute, options.parents); + } + if (execute.indexOf('return') >= 0) { + func = "(function(){" + execute + "})"; + } else { + func = "(function(){return (" + execute + ")})"; + } + return eval(func).call(this); + }, + js_if: function js_if(expression, options) { + var data = options.data; + var func; + var execute = expression; + ('index first last key').split(' ').forEach(function (prop) { + if (typeof data[prop] !== 'undefined') { + var re1 = new RegExp(("this.@" + prop), 'g'); + var re2 = new RegExp(("@" + prop), 'g'); + execute = execute + .replace(re1, JSON.stringify(data[prop])) + .replace(re2, JSON.stringify(data[prop])); + } + }); + if (options.root && execute.indexOf('@root') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@root', options.root); + } + if (execute.indexOf('@global') >= 0) { + execute = Template7Utils.parseJsVariable(execute, '@global', Template7Context.Template7.global); + } + if (execute.indexOf('../') >= 0) { + execute = Template7Utils.parseJsParents(execute, options.parents); + } + if (execute.indexOf('return') >= 0) { + func = "(function(){" + execute + "})"; + } else { + func = "(function(){return (" + execute + ")})"; + } + var condition = eval(func).call(this); + if (condition) { + return options.fn(this, options.data); + } + + return options.inverse(this, options.data); + }, + }; + Template7Helpers.js_compare = Template7Helpers.js_if; + + var Template7Options = {}; + var Template7Partials = {}; + + var Template7Class = function Template7Class(template) { + var t = this; + t.template = template; + }; + + var staticAccessors = { options: { configurable: true },partials: { configurable: true },helpers: { configurable: true } }; + Template7Class.prototype.compile = function compile (template, depth) { + if ( template === void 0 ) template = this.template; + if ( depth === void 0 ) depth = 1; + + var t = this; + if (t.compiled) { return t.compiled; } + + if (typeof template !== 'string') { + throw new Error('Template7: Template must be a string'); + } + var stringToBlocks = Template7Utils.stringToBlocks; + var getCompileVar = Template7Utils.getCompileVar; + var getCompiledArguments = Template7Utils.getCompiledArguments; + + var blocks = stringToBlocks(template); + var ctx = "ctx_" + depth; + var data = "data_" + depth; + if (blocks.length === 0) { + return function empty() { return ''; }; + } + + function getCompileFn(block, newDepth) { + if (block.content) { return t.compile(block.content, newDepth); } + return function empty() { return ''; }; + } + function getCompileInverse(block, newDepth) { + if (block.inverseContent) { return t.compile(block.inverseContent, newDepth); } + return function empty() { return ''; }; + } + + var resultString = ''; + if (depth === 1) { + resultString += "(function (" + ctx + ", " + data + ", root) {\n"; + } else { + resultString += "(function (" + ctx + ", " + data + ") {\n"; + } + if (depth === 1) { + resultString += 'function isArray(arr){return Array.isArray(arr);}\n'; + resultString += 'function isFunction(func){return (typeof func === \'function\');}\n'; + resultString += 'function c(val, ctx) {if (typeof val !== "undefined" && val !== null) {if (isFunction(val)) {return val.call(ctx);} else return val;} else return "";}\n'; + resultString += 'root = root || ctx_1 || {};\n'; + } + resultString += 'var r = \'\';\n'; + var i; + for (i = 0; i < blocks.length; i += 1) { + var block = blocks[i]; + // Plain block + if (block.type === 'plain') { + // eslint-disable-next-line + resultString += "r +='" + ((block.content).replace(/\r/g, '\\r').replace(/\n/g, '\\n').replace(/'/g, '\\' + '\'')) + "';"; + continue; + } + var variable = (void 0); + var compiledArguments = (void 0); + // Variable block + if (block.type === 'variable') { + variable = getCompileVar(block.contextName, ctx, data); + resultString += "r += c(" + variable + ", " + ctx + ");"; + } + // Helpers block + if (block.type === 'helper') { + var parents = (void 0); + if (ctx !== 'ctx_1') { + var level = ctx.split('_')[1]; + var parentsString = "ctx_" + (level - 1); + for (var j = level - 2; j >= 1; j -= 1) { + parentsString += ", ctx_" + j; + } + parents = "[" + parentsString + "]"; + } else { + parents = "[" + ctx + "]"; + } + var dynamicHelper = (void 0); + if (block.helperName.indexOf('[') === 0) { + block.helperName = getCompileVar(block.helperName.replace(/[[\]]/g, ''), ctx, data); + dynamicHelper = true; + } + if (dynamicHelper || block.helperName in Template7Helpers) { + compiledArguments = getCompiledArguments(block.contextName, ctx, data); + resultString += "r += (Template7Helpers" + (dynamicHelper ? ("[" + (block.helperName) + "]") : ("." + (block.helperName))) + ").call(" + ctx + ", " + (compiledArguments && ((compiledArguments + ", "))) + "{hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + } else if (block.contextName.length > 0) { + throw new Error(("Template7: Missing helper: \"" + (block.helperName) + "\"")); + } else { + variable = getCompileVar(block.helperName, ctx, data); + resultString += "if (" + variable + ") {"; + resultString += "if (isArray(" + variable + ")) {"; + resultString += "r += (Template7Helpers.each).call(" + ctx + ", " + variable + ", {hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + resultString += '}else {'; + resultString += "r += (Template7Helpers.with).call(" + ctx + ", " + variable + ", {hash:" + (JSON.stringify(block.hash)) + ", data: " + data + " || {}, fn: " + (getCompileFn(block, depth + 1)) + ", inverse: " + (getCompileInverse(block, depth + 1)) + ", root: root, parents: " + parents + "});"; + resultString += '}}'; + } + } + } + resultString += '\nreturn r;})'; + + if (depth === 1) { + // eslint-disable-next-line + t.compiled = eval(resultString); + return t.compiled; + } + return resultString; + }; + staticAccessors.options.get = function () { + return Template7Options; + }; + staticAccessors.partials.get = function () { + return Template7Partials; + }; + staticAccessors.helpers.get = function () { + return Template7Helpers; + }; + + Object.defineProperties( Template7Class, staticAccessors ); + + function Template7() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var template = args[0]; + var data = args[1]; + if (args.length === 2) { + var instance = new Template7Class(template); + var rendered = instance.compile()(data); + instance = null; + return (rendered); + } + return new Template7Class(template); + } + Template7.registerHelper = function registerHelper(name, fn) { + Template7Class.helpers[name] = fn; + }; + Template7.unregisterHelper = function unregisterHelper(name) { + Template7Class.helpers[name] = undefined; + delete Template7Class.helpers[name]; + }; + Template7.registerPartial = function registerPartial(name, template) { + Template7Class.partials[name] = { template: template }; + }; + Template7.unregisterPartial = function unregisterPartial(name) { + if (Template7Class.partials[name]) { + Template7Class.partials[name] = undefined; + delete Template7Class.partials[name]; + } + }; + Template7.compile = function compile(template, options) { + var instance = new Template7Class(template, options); + return instance.compile(); + }; + + Template7.options = Template7Class.options; + Template7.helpers = Template7Class.helpers; + Template7.partials = Template7Class.partials; + + /** + * SSR Window 1.0.1 + * Better handling for window object in SSR environment + * https://github.com/nolimits4web/ssr-window + * + * Copyright 2018, Vladimir Kharlampidi + * + * Licensed under MIT + * + * Released on: July 18, 2018 + */ + var doc = (typeof document === 'undefined') ? { + body: {}, + addEventListener: function addEventListener() {}, + removeEventListener: function removeEventListener() {}, + activeElement: { + blur: function blur() {}, + nodeName: '', + }, + querySelector: function querySelector() { + return null; + }, + querySelectorAll: function querySelectorAll() { + return []; + }, + getElementById: function getElementById() { + return null; + }, + createEvent: function createEvent() { + return { + initEvent: function initEvent() {}, + }; + }, + createElement: function createElement() { + return { + children: [], + childNodes: [], + style: {}, + setAttribute: function setAttribute() {}, + getElementsByTagName: function getElementsByTagName() { + return []; + }, + }; + }, + location: { hash: '' }, + } : document; // eslint-disable-line + + var win = (typeof window === 'undefined') ? { + document: doc, + navigator: { + userAgent: '', + }, + location: {}, + history: {}, + CustomEvent: function CustomEvent() { + return this; + }, + addEventListener: function addEventListener() {}, + removeEventListener: function removeEventListener() {}, + getComputedStyle: function getComputedStyle() { + return { + getPropertyValue: function getPropertyValue() { + return ''; + }, + }; + }, + Image: function Image() {}, + Date: function Date() {}, + screen: {}, + setTimeout: function setTimeout() {}, + clearTimeout: function clearTimeout() {}, + } : window; // eslint-disable-line + + /** + * Dom7 2.1.2 + * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API + * http://framework7.io/docs/dom.html + * + * Copyright 2018, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: September 13, 2018 + */ + + var Dom7 = function Dom7(arr) { + var self = this; + // Create array-like object + for (var i = 0; i < arr.length; i += 1) { + self[i] = arr[i]; + } + self.length = arr.length; + // Return collection with methods + return this; + }; + + function $(selector, context) { + var arr = []; + var i = 0; + if (selector && !context) { + if (selector instanceof Dom7) { + return selector; + } + } + if (selector) { + // String + if (typeof selector === 'string') { + var els; + var tempParent; + var html = selector.trim(); + if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) { + var toCreate = 'div'; + if (html.indexOf(':~]/)) { + // Pure ID selector + els = [doc.getElementById(selector.trim().split('#')[1])]; + } else { + // Other selectors + els = (context || doc).querySelectorAll(selector.trim()); + } + for (i = 0; i < els.length; i += 1) { + if (els[i]) { arr.push(els[i]); } + } + } + } else if (selector.nodeType || selector === win || selector === doc) { + // Node/element + arr.push(selector); + } else if (selector.length > 0 && selector[0].nodeType) { + // Array of elements or instance of Dom + for (i = 0; i < selector.length; i += 1) { + arr.push(selector[i]); + } + } + } + return new Dom7(arr); + } + + $.fn = Dom7.prototype; + $.Class = Dom7; + $.Dom7 = Dom7; + + function unique(arr) { + var uniqueArray = []; + for (var i = 0; i < arr.length; i += 1) { + if (uniqueArray.indexOf(arr[i]) === -1) { uniqueArray.push(arr[i]); } + } + return uniqueArray; + } + function toCamelCase(string) { + return string.toLowerCase().replace(/-(.)/g, function (match, group1) { return group1.toUpperCase(); }); + } + + function requestAnimationFrame(callback) { + if (win.requestAnimationFrame) { return win.requestAnimationFrame(callback); } + else if (win.webkitRequestAnimationFrame) { return win.webkitRequestAnimationFrame(callback); } + return win.setTimeout(callback, 1000 / 60); + } + function cancelAnimationFrame(id) { + if (win.cancelAnimationFrame) { return win.cancelAnimationFrame(id); } + else if (win.webkitCancelAnimationFrame) { return win.webkitCancelAnimationFrame(id); } + return win.clearTimeout(id); + } + + // Classes and attributes + function addClass(className) { + if (typeof className === 'undefined') { + return this; + } + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.add(classes[i]); } + } + } + return this; + } + function removeClass(className) { + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.remove(classes[i]); } + } + } + return this; + } + function hasClass(className) { + if (!this[0]) { return false; } + return this[0].classList.contains(className); + } + function toggleClass(className) { + var classes = className.split(' '); + for (var i = 0; i < classes.length; i += 1) { + for (var j = 0; j < this.length; j += 1) { + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.toggle(classes[i]); } + } + } + return this; + } + function attr(attrs, value) { + var arguments$1 = arguments; + + if (arguments.length === 1 && typeof attrs === 'string') { + // Get attr + if (this[0]) { return this[0].getAttribute(attrs); } + return undefined; + } + + // Set attrs + for (var i = 0; i < this.length; i += 1) { + if (arguments$1.length === 2) { + // String + this[i].setAttribute(attrs, value); + } else { + // Object + // eslint-disable-next-line + for (var attrName in attrs) { + this[i][attrName] = attrs[attrName]; + this[i].setAttribute(attrName, attrs[attrName]); + } + } + } + return this; + } + // eslint-disable-next-line + function removeAttr(attr) { + for (var i = 0; i < this.length; i += 1) { + this[i].removeAttribute(attr); + } + return this; + } + // eslint-disable-next-line + function prop(props, value) { + var arguments$1 = arguments; + + if (arguments.length === 1 && typeof props === 'string') { + // Get prop + if (this[0]) { return this[0][props]; } + } else { + // Set props + for (var i = 0; i < this.length; i += 1) { + if (arguments$1.length === 2) { + // String + this[i][props] = value; + } else { + // Object + // eslint-disable-next-line + for (var propName in props) { + this[i][propName] = props[propName]; + } + } + } + return this; + } + } + function data(key, value) { + var el; + if (typeof value === 'undefined') { + el = this[0]; + // Get value + if (el) { + if (el.dom7ElementDataStorage && (key in el.dom7ElementDataStorage)) { + return el.dom7ElementDataStorage[key]; + } + + var dataKey = el.getAttribute(("data-" + key)); + if (dataKey) { + return dataKey; + } + return undefined; + } + return undefined; + } + + // Set value + for (var i = 0; i < this.length; i += 1) { + el = this[i]; + if (!el.dom7ElementDataStorage) { el.dom7ElementDataStorage = {}; } + el.dom7ElementDataStorage[key] = value; + } + return this; + } + function removeData(key) { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.dom7ElementDataStorage && el.dom7ElementDataStorage[key]) { + el.dom7ElementDataStorage[key] = null; + delete el.dom7ElementDataStorage[key]; + } + } + } + function dataset() { + var el = this[0]; + if (!el) { return undefined; } + var dataset = {}; // eslint-disable-line + if (el.dataset) { + // eslint-disable-next-line + for (var dataKey in el.dataset) { + dataset[dataKey] = el.dataset[dataKey]; + } + } else { + for (var i = 0; i < el.attributes.length; i += 1) { + // eslint-disable-next-line + var attr = el.attributes[i]; + if (attr.name.indexOf('data-') >= 0) { + dataset[toCamelCase(attr.name.split('data-')[1])] = attr.value; + } + } + } + // eslint-disable-next-line + for (var key in dataset) { + if (dataset[key] === 'false') { dataset[key] = false; } + else if (dataset[key] === 'true') { dataset[key] = true; } + else if (parseFloat(dataset[key]) === dataset[key] * 1) { dataset[key] *= 1; } + } + return dataset; + } + function val(value) { + var dom = this; + if (typeof value === 'undefined') { + if (dom[0]) { + if (dom[0].multiple && dom[0].nodeName.toLowerCase() === 'select') { + var values = []; + for (var i = 0; i < dom[0].selectedOptions.length; i += 1) { + values.push(dom[0].selectedOptions[i].value); + } + return values; + } + return dom[0].value; + } + return undefined; + } + + for (var i$1 = 0; i$1 < dom.length; i$1 += 1) { + var el = dom[i$1]; + if (Array.isArray(value) && el.multiple && el.nodeName.toLowerCase() === 'select') { + for (var j = 0; j < el.options.length; j += 1) { + el.options[j].selected = value.indexOf(el.options[j].value) >= 0; + } + } else { + el.value = value; + } + } + return dom; + } + // Transforms + // eslint-disable-next-line + function transform(transform) { + for (var i = 0; i < this.length; i += 1) { + var elStyle = this[i].style; + elStyle.webkitTransform = transform; + elStyle.transform = transform; + } + return this; + } + function transition(duration) { + if (typeof duration !== 'string') { + duration = duration + "ms"; // eslint-disable-line + } + for (var i = 0; i < this.length; i += 1) { + var elStyle = this[i].style; + elStyle.webkitTransitionDuration = duration; + elStyle.transitionDuration = duration; + } + return this; + } + // Events + function on() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var eventType = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + if (!capture) { capture = false; } + + function handleLiveEvent(e) { + var target = e.target; + if (!target) { return; } + var eventData = e.target.dom7EventData || []; + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + if ($(target).is(targetSelector)) { listener.apply(target, eventData); } + else { + var parents = $(target).parents(); // eslint-disable-line + for (var k = 0; k < parents.length; k += 1) { + if ($(parents[k]).is(targetSelector)) { listener.apply(parents[k], eventData); } + } + } + } + function handleEvent(e) { + var eventData = e && e.target ? e.target.dom7EventData || [] : []; + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + listener.apply(this, eventData); + } + var events = eventType.split(' '); + var j; + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (!targetSelector) { + for (j = 0; j < events.length; j += 1) { + var event = events[j]; + if (!el.dom7Listeners) { el.dom7Listeners = {}; } + if (!el.dom7Listeners[event]) { el.dom7Listeners[event] = []; } + el.dom7Listeners[event].push({ + listener: listener, + proxyListener: handleEvent, + }); + el.addEventListener(event, handleEvent, capture); + } + } else { + // Live events + for (j = 0; j < events.length; j += 1) { + var event$1 = events[j]; + if (!el.dom7LiveListeners) { el.dom7LiveListeners = {}; } + if (!el.dom7LiveListeners[event$1]) { el.dom7LiveListeners[event$1] = []; } + el.dom7LiveListeners[event$1].push({ + listener: listener, + proxyListener: handleLiveEvent, + }); + el.addEventListener(event$1, handleLiveEvent, capture); + } + } + } + return this; + } + function off() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var eventType = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + if (!capture) { capture = false; } + + var events = eventType.split(' '); + for (var i = 0; i < events.length; i += 1) { + var event = events[i]; + for (var j = 0; j < this.length; j += 1) { + var el = this[j]; + var handlers = (void 0); + if (!targetSelector && el.dom7Listeners) { + handlers = el.dom7Listeners[event]; + } else if (targetSelector && el.dom7LiveListeners) { + handlers = el.dom7LiveListeners[event]; + } + if (handlers && handlers.length) { + for (var k = handlers.length - 1; k >= 0; k -= 1) { + var handler = handlers[k]; + if (listener && handler.listener === listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } else if (!listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } + } + } + } + } + return this; + } + function once() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var dom = this; + var eventName = args[0]; + var targetSelector = args[1]; + var listener = args[2]; + var capture = args[3]; + if (typeof args[1] === 'function') { + (assign = args, eventName = assign[0], listener = assign[1], capture = assign[2]); + targetSelector = undefined; + } + function proxy() { + var eventArgs = [], len = arguments.length; + while ( len-- ) eventArgs[ len ] = arguments[ len ]; + + listener.apply(this, eventArgs); + dom.off(eventName, targetSelector, proxy, capture); + } + return dom.on(eventName, targetSelector, proxy, capture); + } + function trigger() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var events = args[0].split(' '); + var eventData = args[1]; + for (var i = 0; i < events.length; i += 1) { + var event = events[i]; + for (var j = 0; j < this.length; j += 1) { + var el = this[j]; + var evt = (void 0); + try { + evt = new win.CustomEvent(event, { + detail: eventData, + bubbles: true, + cancelable: true, + }); + } catch (e) { + evt = doc.createEvent('Event'); + evt.initEvent(event, true, true); + evt.detail = eventData; + } + // eslint-disable-next-line + el.dom7EventData = args.filter(function (data, dataIndex) { return dataIndex > 0; }); + el.dispatchEvent(evt); + el.dom7EventData = []; + delete el.dom7EventData; + } + } + return this; + } + function transitionEnd(callback) { + var events = ['webkitTransitionEnd', 'transitionend']; + var dom = this; + var i; + function fireCallBack(e) { + /* jshint validthis:true */ + if (e.target !== this) { return; } + callback.call(this, e); + for (i = 0; i < events.length; i += 1) { + dom.off(events[i], fireCallBack); + } + } + if (callback) { + for (i = 0; i < events.length; i += 1) { + dom.on(events[i], fireCallBack); + } + } + return this; + } + function animationEnd(callback) { + var events = ['webkitAnimationEnd', 'animationend']; + var dom = this; + var i; + function fireCallBack(e) { + if (e.target !== this) { return; } + callback.call(this, e); + for (i = 0; i < events.length; i += 1) { + dom.off(events[i], fireCallBack); + } + } + if (callback) { + for (i = 0; i < events.length; i += 1) { + dom.on(events[i], fireCallBack); + } + } + return this; + } + // Sizing/Styles + function width() { + if (this[0] === win) { + return win.innerWidth; + } + + if (this.length > 0) { + return parseFloat(this.css('width')); + } + + return null; + } + function outerWidth(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + // eslint-disable-next-line + var styles = this.styles(); + return this[0].offsetWidth + parseFloat(styles.getPropertyValue('margin-right')) + parseFloat(styles.getPropertyValue('margin-left')); + } + return this[0].offsetWidth; + } + return null; + } + function height() { + if (this[0] === win) { + return win.innerHeight; + } + + if (this.length > 0) { + return parseFloat(this.css('height')); + } + + return null; + } + function outerHeight(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + // eslint-disable-next-line + var styles = this.styles(); + return this[0].offsetHeight + parseFloat(styles.getPropertyValue('margin-top')) + parseFloat(styles.getPropertyValue('margin-bottom')); + } + return this[0].offsetHeight; + } + return null; + } + function offset() { + if (this.length > 0) { + var el = this[0]; + var box = el.getBoundingClientRect(); + var body = doc.body; + var clientTop = el.clientTop || body.clientTop || 0; + var clientLeft = el.clientLeft || body.clientLeft || 0; + var scrollTop = el === win ? win.scrollY : el.scrollTop; + var scrollLeft = el === win ? win.scrollX : el.scrollLeft; + return { + top: (box.top + scrollTop) - clientTop, + left: (box.left + scrollLeft) - clientLeft, + }; + } + + return null; + } + function hide() { + for (var i = 0; i < this.length; i += 1) { + this[i].style.display = 'none'; + } + return this; + } + function show() { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.style.display === 'none') { + el.style.display = ''; + } + if (win.getComputedStyle(el, null).getPropertyValue('display') === 'none') { + // Still not visible + el.style.display = 'block'; + } + } + return this; + } + function styles() { + if (this[0]) { return win.getComputedStyle(this[0], null); } + return {}; + } + function css(props, value) { + var i; + if (arguments.length === 1) { + if (typeof props === 'string') { + if (this[0]) { return win.getComputedStyle(this[0], null).getPropertyValue(props); } + } else { + for (i = 0; i < this.length; i += 1) { + // eslint-disable-next-line + for (var prop in props) { + this[i].style[prop] = props[prop]; + } + } + return this; + } + } + if (arguments.length === 2 && typeof props === 'string') { + for (i = 0; i < this.length; i += 1) { + this[i].style[props] = value; + } + return this; + } + return this; + } + + // Dom manipulation + function toArray() { + var arr = []; + for (var i = 0; i < this.length; i += 1) { + arr.push(this[i]); + } + return arr; + } + // Iterate over the collection passing elements to `callback` + function each(callback) { + // Don't bother continuing without a callback + if (!callback) { return this; } + // Iterate over the current collection + for (var i = 0; i < this.length; i += 1) { + // If the callback returns false + if (callback.call(this[i], i, this[i]) === false) { + // End the loop early + return this; + } + } + // Return `this` to allow chained DOM operations + return this; + } + function forEach(callback) { + // Don't bother continuing without a callback + if (!callback) { return this; } + // Iterate over the current collection + for (var i = 0; i < this.length; i += 1) { + // If the callback returns false + if (callback.call(this[i], this[i], i) === false) { + // End the loop early + return this; + } + } + // Return `this` to allow chained DOM operations + return this; + } + function filter(callback) { + var matchedItems = []; + var dom = this; + for (var i = 0; i < dom.length; i += 1) { + if (callback.call(dom[i], i, dom[i])) { matchedItems.push(dom[i]); } + } + return new Dom7(matchedItems); + } + function map(callback) { + var modifiedItems = []; + var dom = this; + for (var i = 0; i < dom.length; i += 1) { + modifiedItems.push(callback.call(dom[i], i, dom[i])); + } + return new Dom7(modifiedItems); + } + // eslint-disable-next-line + function html(html) { + if (typeof html === 'undefined') { + return this[0] ? this[0].innerHTML : undefined; + } + + for (var i = 0; i < this.length; i += 1) { + this[i].innerHTML = html; + } + return this; + } + // eslint-disable-next-line + function text(text) { + if (typeof text === 'undefined') { + if (this[0]) { + return this[0].textContent.trim(); + } + return null; + } + + for (var i = 0; i < this.length; i += 1) { + this[i].textContent = text; + } + return this; + } + function is(selector) { + var el = this[0]; + var compareWith; + var i; + if (!el || typeof selector === 'undefined') { return false; } + if (typeof selector === 'string') { + if (el.matches) { return el.matches(selector); } + else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); } + else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); } + + compareWith = $(selector); + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) { return true; } + } + return false; + } else if (selector === doc) { return el === doc; } + else if (selector === win) { return el === win; } + + if (selector.nodeType || selector instanceof Dom7) { + compareWith = selector.nodeType ? [selector] : selector; + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) { return true; } + } + return false; + } + return false; + } + function indexOf(el) { + for (var i = 0; i < this.length; i += 1) { + if (this[i] === el) { return i; } + } + return -1; + } + function index() { + var child = this[0]; + var i; + if (child) { + i = 0; + // eslint-disable-next-line + while ((child = child.previousSibling) !== null) { + if (child.nodeType === 1) { i += 1; } + } + return i; + } + return undefined; + } + // eslint-disable-next-line + function eq(index) { + if (typeof index === 'undefined') { return this; } + var length = this.length; + var returnIndex; + if (index > length - 1) { + return new Dom7([]); + } + if (index < 0) { + returnIndex = length + index; + if (returnIndex < 0) { return new Dom7([]); } + return new Dom7([this[returnIndex]]); + } + return new Dom7([this[index]]); + } + function append() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var newChild; + + for (var k = 0; k < args.length; k += 1) { + newChild = args[k]; + for (var i = 0; i < this.length; i += 1) { + if (typeof newChild === 'string') { + var tempDiv = doc.createElement('div'); + tempDiv.innerHTML = newChild; + while (tempDiv.firstChild) { + this[i].appendChild(tempDiv.firstChild); + } + } else if (newChild instanceof Dom7) { + for (var j = 0; j < newChild.length; j += 1) { + this[i].appendChild(newChild[j]); + } + } else { + this[i].appendChild(newChild); + } + } + } + + return this; + } + // eslint-disable-next-line + function appendTo(parent) { + $(parent).append(this); + return this; + } + function prepend(newChild) { + var i; + var j; + for (i = 0; i < this.length; i += 1) { + if (typeof newChild === 'string') { + var tempDiv = doc.createElement('div'); + tempDiv.innerHTML = newChild; + for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) { + this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]); + } + } else if (newChild instanceof Dom7) { + for (j = 0; j < newChild.length; j += 1) { + this[i].insertBefore(newChild[j], this[i].childNodes[0]); + } + } else { + this[i].insertBefore(newChild, this[i].childNodes[0]); + } + } + return this; + } + // eslint-disable-next-line + function prependTo(parent) { + $(parent).prepend(this); + return this; + } + function insertBefore(selector) { + var before = $(selector); + for (var i = 0; i < this.length; i += 1) { + if (before.length === 1) { + before[0].parentNode.insertBefore(this[i], before[0]); + } else if (before.length > 1) { + for (var j = 0; j < before.length; j += 1) { + before[j].parentNode.insertBefore(this[i].cloneNode(true), before[j]); + } + } + } + } + function insertAfter(selector) { + var after = $(selector); + for (var i = 0; i < this.length; i += 1) { + if (after.length === 1) { + after[0].parentNode.insertBefore(this[i], after[0].nextSibling); + } else if (after.length > 1) { + for (var j = 0; j < after.length; j += 1) { + after[j].parentNode.insertBefore(this[i].cloneNode(true), after[j].nextSibling); + } + } + } + } + function next(selector) { + if (this.length > 0) { + if (selector) { + if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) { + return new Dom7([this[0].nextElementSibling]); + } + return new Dom7([]); + } + + if (this[0].nextElementSibling) { return new Dom7([this[0].nextElementSibling]); } + return new Dom7([]); + } + return new Dom7([]); + } + function nextAll(selector) { + var nextEls = []; + var el = this[0]; + if (!el) { return new Dom7([]); } + while (el.nextElementSibling) { + var next = el.nextElementSibling; // eslint-disable-line + if (selector) { + if ($(next).is(selector)) { nextEls.push(next); } + } else { nextEls.push(next); } + el = next; + } + return new Dom7(nextEls); + } + function prev(selector) { + if (this.length > 0) { + var el = this[0]; + if (selector) { + if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) { + return new Dom7([el.previousElementSibling]); + } + return new Dom7([]); + } + + if (el.previousElementSibling) { return new Dom7([el.previousElementSibling]); } + return new Dom7([]); + } + return new Dom7([]); + } + function prevAll(selector) { + var prevEls = []; + var el = this[0]; + if (!el) { return new Dom7([]); } + while (el.previousElementSibling) { + var prev = el.previousElementSibling; // eslint-disable-line + if (selector) { + if ($(prev).is(selector)) { prevEls.push(prev); } + } else { prevEls.push(prev); } + el = prev; + } + return new Dom7(prevEls); + } + function siblings(selector) { + return this.nextAll(selector).add(this.prevAll(selector)); + } + function parent(selector) { + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + if (this[i].parentNode !== null) { + if (selector) { + if ($(this[i].parentNode).is(selector)) { parents.push(this[i].parentNode); } + } else { + parents.push(this[i].parentNode); + } + } + } + return $(unique(parents)); + } + function parents(selector) { + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var parent = this[i].parentNode; // eslint-disable-line + while (parent) { + if (selector) { + if ($(parent).is(selector)) { parents.push(parent); } + } else { + parents.push(parent); + } + parent = parent.parentNode; + } + } + return $(unique(parents)); + } + function closest(selector) { + var closest = this; // eslint-disable-line + if (typeof selector === 'undefined') { + return new Dom7([]); + } + if (!closest.is(selector)) { + closest = closest.parents(selector).eq(0); + } + return closest; + } + function find(selector) { + var foundElements = []; + for (var i = 0; i < this.length; i += 1) { + var found = this[i].querySelectorAll(selector); + for (var j = 0; j < found.length; j += 1) { + foundElements.push(found[j]); + } + } + return new Dom7(foundElements); + } + function children(selector) { + var children = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var childNodes = this[i].childNodes; + + for (var j = 0; j < childNodes.length; j += 1) { + if (!selector) { + if (childNodes[j].nodeType === 1) { children.push(childNodes[j]); } + } else if (childNodes[j].nodeType === 1 && $(childNodes[j]).is(selector)) { + children.push(childNodes[j]); + } + } + } + return new Dom7(unique(children)); + } + function remove() { + for (var i = 0; i < this.length; i += 1) { + if (this[i].parentNode) { this[i].parentNode.removeChild(this[i]); } + } + return this; + } + function detach() { + return this.remove(); + } + function add() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var dom = this; + var i; + var j; + for (i = 0; i < args.length; i += 1) { + var toAdd = $(args[i]); + for (j = 0; j < toAdd.length; j += 1) { + dom[dom.length] = toAdd[j]; + dom.length += 1; + } + } + return dom; + } + function empty() { + for (var i = 0; i < this.length; i += 1) { + var el = this[i]; + if (el.nodeType === 1) { + for (var j = 0; j < el.childNodes.length; j += 1) { + if (el.childNodes[j].parentNode) { + el.childNodes[j].parentNode.removeChild(el.childNodes[j]); + } + } + el.textContent = ''; + } + } + return this; + } + + var Methods = /*#__PURE__*/Object.freeze({ + addClass: addClass, + removeClass: removeClass, + hasClass: hasClass, + toggleClass: toggleClass, + attr: attr, + removeAttr: removeAttr, + prop: prop, + data: data, + removeData: removeData, + dataset: dataset, + val: val, + transform: transform, + transition: transition, + on: on, + off: off, + once: once, + trigger: trigger, + transitionEnd: transitionEnd, + animationEnd: animationEnd, + width: width, + outerWidth: outerWidth, + height: height, + outerHeight: outerHeight, + offset: offset, + hide: hide, + show: show, + styles: styles, + css: css, + toArray: toArray, + each: each, + forEach: forEach, + filter: filter, + map: map, + html: html, + text: text, + is: is, + indexOf: indexOf, + index: index, + eq: eq, + append: append, + appendTo: appendTo, + prepend: prepend, + prependTo: prependTo, + insertBefore: insertBefore, + insertAfter: insertAfter, + next: next, + nextAll: nextAll, + prev: prev, + prevAll: prevAll, + siblings: siblings, + parent: parent, + parents: parents, + closest: closest, + find: find, + children: children, + remove: remove, + detach: detach, + add: add, + empty: empty + }); + + function scrollTo() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var left = args[0]; + var top = args[1]; + var duration = args[2]; + var easing = args[3]; + var callback = args[4]; + if (args.length === 4 && typeof easing === 'function') { + callback = easing; + (assign = args, left = assign[0], top = assign[1], duration = assign[2], callback = assign[3], easing = assign[4]); + } + if (typeof easing === 'undefined') { easing = 'swing'; } + + return this.each(function animate() { + var el = this; + var currentTop; + var currentLeft; + var maxTop; + var maxLeft; + var newTop; + var newLeft; + var scrollTop; // eslint-disable-line + var scrollLeft; // eslint-disable-line + var animateTop = top > 0 || top === 0; + var animateLeft = left > 0 || left === 0; + if (typeof easing === 'undefined') { + easing = 'swing'; + } + if (animateTop) { + currentTop = el.scrollTop; + if (!duration) { + el.scrollTop = top; + } + } + if (animateLeft) { + currentLeft = el.scrollLeft; + if (!duration) { + el.scrollLeft = left; + } + } + if (!duration) { return; } + if (animateTop) { + maxTop = el.scrollHeight - el.offsetHeight; + newTop = Math.max(Math.min(top, maxTop), 0); + } + if (animateLeft) { + maxLeft = el.scrollWidth - el.offsetWidth; + newLeft = Math.max(Math.min(left, maxLeft), 0); + } + var startTime = null; + if (animateTop && newTop === currentTop) { animateTop = false; } + if (animateLeft && newLeft === currentLeft) { animateLeft = false; } + function render(time) { + if ( time === void 0 ) time = new Date().getTime(); + + if (startTime === null) { + startTime = time; + } + var progress = Math.max(Math.min((time - startTime) / duration, 1), 0); + var easeProgress = easing === 'linear' ? progress : (0.5 - (Math.cos(progress * Math.PI) / 2)); + var done; + if (animateTop) { scrollTop = currentTop + (easeProgress * (newTop - currentTop)); } + if (animateLeft) { scrollLeft = currentLeft + (easeProgress * (newLeft - currentLeft)); } + if (animateTop && newTop > currentTop && scrollTop >= newTop) { + el.scrollTop = newTop; + done = true; + } + if (animateTop && newTop < currentTop && scrollTop <= newTop) { + el.scrollTop = newTop; + done = true; + } + if (animateLeft && newLeft > currentLeft && scrollLeft >= newLeft) { + el.scrollLeft = newLeft; + done = true; + } + if (animateLeft && newLeft < currentLeft && scrollLeft <= newLeft) { + el.scrollLeft = newLeft; + done = true; + } + + if (done) { + if (callback) { callback(); } + return; + } + if (animateTop) { el.scrollTop = scrollTop; } + if (animateLeft) { el.scrollLeft = scrollLeft; } + requestAnimationFrame(render); + } + requestAnimationFrame(render); + }); + } + // scrollTop(top, duration, easing, callback) { + function scrollTop() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var top = args[0]; + var duration = args[1]; + var easing = args[2]; + var callback = args[3]; + if (args.length === 3 && typeof easing === 'function') { + (assign = args, top = assign[0], duration = assign[1], callback = assign[2], easing = assign[3]); + } + var dom = this; + if (typeof top === 'undefined') { + if (dom.length > 0) { return dom[0].scrollTop; } + return null; + } + return dom.scrollTo(undefined, top, duration, easing, callback); + } + function scrollLeft() { + var assign; + + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + var left = args[0]; + var duration = args[1]; + var easing = args[2]; + var callback = args[3]; + if (args.length === 3 && typeof easing === 'function') { + (assign = args, left = assign[0], duration = assign[1], callback = assign[2], easing = assign[3]); + } + var dom = this; + if (typeof left === 'undefined') { + if (dom.length > 0) { return dom[0].scrollLeft; } + return null; + } + return dom.scrollTo(left, undefined, duration, easing, callback); + } + + var Scroll = /*#__PURE__*/Object.freeze({ + scrollTo: scrollTo, + scrollTop: scrollTop, + scrollLeft: scrollLeft + }); + + function animate(initialProps, initialParams) { + var els = this; + var a = { + props: Object.assign({}, initialProps), + params: Object.assign({ + duration: 300, + easing: 'swing', // or 'linear' + /* Callbacks + begin(elements) + complete(elements) + progress(elements, complete, remaining, start, tweenValue) + */ + }, initialParams), + + elements: els, + animating: false, + que: [], + + easingProgress: function easingProgress(easing, progress) { + if (easing === 'swing') { + return 0.5 - (Math.cos(progress * Math.PI) / 2); + } + if (typeof easing === 'function') { + return easing(progress); + } + return progress; + }, + stop: function stop() { + if (a.frameId) { + cancelAnimationFrame(a.frameId); + } + a.animating = false; + a.elements.each(function (index, el) { + var element = el; + delete element.dom7AnimateInstance; + }); + a.que = []; + }, + done: function done(complete) { + a.animating = false; + a.elements.each(function (index, el) { + var element = el; + delete element.dom7AnimateInstance; + }); + if (complete) { complete(els); } + if (a.que.length > 0) { + var que = a.que.shift(); + a.animate(que[0], que[1]); + } + }, + animate: function animate(props, params) { + if (a.animating) { + a.que.push([props, params]); + return a; + } + var elements = []; + + // Define & Cache Initials & Units + a.elements.each(function (index, el) { + var initialFullValue; + var initialValue; + var unit; + var finalValue; + var finalFullValue; + + if (!el.dom7AnimateInstance) { a.elements[index].dom7AnimateInstance = a; } + + elements[index] = { + container: el, + }; + Object.keys(props).forEach(function (prop) { + initialFullValue = win.getComputedStyle(el, null).getPropertyValue(prop).replace(',', '.'); + initialValue = parseFloat(initialFullValue); + unit = initialFullValue.replace(initialValue, ''); + finalValue = parseFloat(props[prop]); + finalFullValue = props[prop] + unit; + elements[index][prop] = { + initialFullValue: initialFullValue, + initialValue: initialValue, + unit: unit, + finalValue: finalValue, + finalFullValue: finalFullValue, + currentValue: initialValue, + }; + }); + }); + + var startTime = null; + var time; + var elementsDone = 0; + var propsDone = 0; + var done; + var began = false; + + a.animating = true; + + function render() { + time = new Date().getTime(); + var progress; + var easeProgress; + // let el; + if (!began) { + began = true; + if (params.begin) { params.begin(els); } + } + if (startTime === null) { + startTime = time; + } + if (params.progress) { + // eslint-disable-next-line + params.progress(els, Math.max(Math.min((time - startTime) / params.duration, 1), 0), ((startTime + params.duration) - time < 0 ? 0 : (startTime + params.duration) - time), startTime); + } + + elements.forEach(function (element) { + var el = element; + if (done || el.done) { return; } + Object.keys(props).forEach(function (prop) { + if (done || el.done) { return; } + progress = Math.max(Math.min((time - startTime) / params.duration, 1), 0); + easeProgress = a.easingProgress(params.easing, progress); + var ref = el[prop]; + var initialValue = ref.initialValue; + var finalValue = ref.finalValue; + var unit = ref.unit; + el[prop].currentValue = initialValue + (easeProgress * (finalValue - initialValue)); + var currentValue = el[prop].currentValue; + + if ( + (finalValue > initialValue && currentValue >= finalValue) || + (finalValue < initialValue && currentValue <= finalValue)) { + el.container.style[prop] = finalValue + unit; + propsDone += 1; + if (propsDone === Object.keys(props).length) { + el.done = true; + elementsDone += 1; + } + if (elementsDone === elements.length) { + done = true; + } + } + if (done) { + a.done(params.complete); + return; + } + el.container.style[prop] = currentValue + unit; + }); + }); + if (done) { return; } + // Then call + a.frameId = requestAnimationFrame(render); + } + a.frameId = requestAnimationFrame(render); + return a; + }, + }; + + if (a.elements.length === 0) { + return els; + } + + var animateInstance; + for (var i = 0; i < a.elements.length; i += 1) { + if (a.elements[i].dom7AnimateInstance) { + animateInstance = a.elements[i].dom7AnimateInstance; + } else { a.elements[i].dom7AnimateInstance = a; } + } + if (!animateInstance) { + animateInstance = a; + } + + if (initialProps === 'stop') { + animateInstance.stop(); + } else { + animateInstance.animate(a.props, a.params); + } + + return els; + } + + function stop() { + var els = this; + for (var i = 0; i < els.length; i += 1) { + if (els[i].dom7AnimateInstance) { + els[i].dom7AnimateInstance.stop(); + } + } + } + + var Animate = /*#__PURE__*/Object.freeze({ + animate: animate, + stop: stop + }); + + var noTrigger = ('resize scroll').split(' '); + function eventShortcut(name) { + var ref; + + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + if (typeof args[0] === 'undefined') { + for (var i = 0; i < this.length; i += 1) { + if (noTrigger.indexOf(name) < 0) { + if (name in this[i]) { this[i][name](); } + else { + $(this[i]).trigger(name); + } + } + } + return this; + } + return (ref = this).on.apply(ref, [ name ].concat( args )); + } + + function click() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'click' ].concat( args )); + } + function blur() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'blur' ].concat( args )); + } + function focus() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focus' ].concat( args )); + } + function focusin() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focusin' ].concat( args )); + } + function focusout() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'focusout' ].concat( args )); + } + function keyup() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keyup' ].concat( args )); + } + function keydown() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keydown' ].concat( args )); + } + function keypress() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'keypress' ].concat( args )); + } + function submit() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'submit' ].concat( args )); + } + function change() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'change' ].concat( args )); + } + function mousedown() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mousedown' ].concat( args )); + } + function mousemove() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mousemove' ].concat( args )); + } + function mouseup() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseup' ].concat( args )); + } + function mouseenter() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseenter' ].concat( args )); + } + function mouseleave() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseleave' ].concat( args )); + } + function mouseout() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseout' ].concat( args )); + } + function mouseover() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'mouseover' ].concat( args )); + } + function touchstart() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchstart' ].concat( args )); + } + function touchend() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchend' ].concat( args )); + } + function touchmove() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'touchmove' ].concat( args )); + } + function resize() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'resize' ].concat( args )); + } + function scroll() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return eventShortcut.bind(this).apply(void 0, [ 'scroll' ].concat( args )); + } + + var eventShortcuts = /*#__PURE__*/Object.freeze({ + click: click, + blur: blur, + focus: focus, + focusin: focusin, + focusout: focusout, + keyup: keyup, + keydown: keydown, + keypress: keypress, + submit: submit, + change: change, + mousedown: mousedown, + mousemove: mousemove, + mouseup: mouseup, + mouseenter: mouseenter, + mouseleave: mouseleave, + mouseout: mouseout, + mouseover: mouseover, + touchstart: touchstart, + touchend: touchend, + touchmove: touchmove, + resize: resize, + scroll: scroll + }); + + [Methods, Scroll, Animate, eventShortcuts].forEach(function (group) { + Object.keys(group).forEach(function (methodName) { + $.fn[methodName] = group[methodName]; + }); + }); + + /** + * https://github.com/gre/bezier-easing + * BezierEasing - use bezier curve for transition easing function + * by Gaëtan Renaudeau 2014 - 2015 – MIT License + */ + + /* eslint-disable */ + + // These values are established by empiricism with tests (tradeoff: performance VS precision) + var NEWTON_ITERATIONS = 4; + var NEWTON_MIN_SLOPE = 0.001; + var SUBDIVISION_PRECISION = 0.0000001; + var SUBDIVISION_MAX_ITERATIONS = 10; + + var kSplineTableSize = 11; + var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0); + + var float32ArraySupported = typeof Float32Array === 'function'; + + function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; } + function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; } + function C (aA1) { return 3.0 * aA1; } + + // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2. + function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; } + + // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2. + function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); } + + function binarySubdivide (aX, aA, aB, mX1, mX2) { + var currentX, currentT, i = 0; + do { + currentT = aA + (aB - aA) / 2.0; + currentX = calcBezier(currentT, mX1, mX2) - aX; + if (currentX > 0.0) { + aB = currentT; + } else { + aA = currentT; + } + } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS); + return currentT; + } + + function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) { + for (var i = 0; i < NEWTON_ITERATIONS; ++i) { + var currentSlope = getSlope(aGuessT, mX1, mX2); + if (currentSlope === 0.0) { + return aGuessT; + } + var currentX = calcBezier(aGuessT, mX1, mX2) - aX; + aGuessT -= currentX / currentSlope; + } + return aGuessT; + } + + function bezier (mX1, mY1, mX2, mY2) { + if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { + throw new Error('bezier x values must be in [0, 1] range'); + } + + // Precompute samples table + var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize); + if (mX1 !== mY1 || mX2 !== mY2) { + for (var i = 0; i < kSplineTableSize; ++i) { + sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2); + } + } + + function getTForX (aX) { + var intervalStart = 0.0; + var currentSample = 1; + var lastSample = kSplineTableSize - 1; + + for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) { + intervalStart += kSampleStepSize; + } + --currentSample; + + // Interpolate to provide an initial guess for t + var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]); + var guessForT = intervalStart + dist * kSampleStepSize; + + var initialSlope = getSlope(guessForT, mX1, mX2); + if (initialSlope >= NEWTON_MIN_SLOPE) { + return newtonRaphsonIterate(aX, guessForT, mX1, mX2); + } else if (initialSlope === 0.0) { + return guessForT; + } else { + return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2); + } + } + + return function BezierEasing (x) { + if (mX1 === mY1 && mX2 === mY2) { + return x; // linear + } + // Because JavaScript number are imprecise, we should guarantee the extremes are right. + if (x === 0) { + return 0; + } + if (x === 1) { + return 1; + } + return calcBezier(getTForX(x), mY1, mY2); + }; + } + + /* eslint no-control-regex: "off" */ + + // Remove Diacritics + var defaultDiacriticsRemovalap = [ + { base: 'A', letters: '\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F' }, + { base: 'AA', letters: '\uA732' }, + { base: 'AE', letters: '\u00C6\u01FC\u01E2' }, + { base: 'AO', letters: '\uA734' }, + { base: 'AU', letters: '\uA736' }, + { base: 'AV', letters: '\uA738\uA73A' }, + { base: 'AY', letters: '\uA73C' }, + { base: 'B', letters: '\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181' }, + { base: 'C', letters: '\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E' }, + { base: 'D', letters: '\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779' }, + { base: 'DZ', letters: '\u01F1\u01C4' }, + { base: 'Dz', letters: '\u01F2\u01C5' }, + { base: 'E', letters: '\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E' }, + { base: 'F', letters: '\u0046\u24BB\uFF26\u1E1E\u0191\uA77B' }, + { base: 'G', letters: '\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E' }, + { base: 'H', letters: '\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D' }, + { base: 'I', letters: '\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197' }, + { base: 'J', letters: '\u004A\u24BF\uFF2A\u0134\u0248' }, + { base: 'K', letters: '\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2' }, + { base: 'L', letters: '\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780' }, + { base: 'LJ', letters: '\u01C7' }, + { base: 'Lj', letters: '\u01C8' }, + { base: 'M', letters: '\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C' }, + { base: 'N', letters: '\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4' }, + { base: 'NJ', letters: '\u01CA' }, + { base: 'Nj', letters: '\u01CB' }, + { base: 'O', letters: '\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C' }, + { base: 'OI', letters: '\u01A2' }, + { base: 'OO', letters: '\uA74E' }, + { base: 'OU', letters: '\u0222' }, + { base: 'OE', letters: '\u008C\u0152' }, + { base: 'oe', letters: '\u009C\u0153' }, + { base: 'P', letters: '\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754' }, + { base: 'Q', letters: '\u0051\u24C6\uFF31\uA756\uA758\u024A' }, + { base: 'R', letters: '\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782' }, + { base: 'S', letters: '\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784' }, + { base: 'T', letters: '\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786' }, + { base: 'TZ', letters: '\uA728' }, + { base: 'U', letters: '\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244' }, + { base: 'V', letters: '\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245' }, + { base: 'VY', letters: '\uA760' }, + { base: 'W', letters: '\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72' }, + { base: 'X', letters: '\u0058\u24CD\uFF38\u1E8A\u1E8C' }, + { base: 'Y', letters: '\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE' }, + { base: 'Z', letters: '\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762' }, + { base: 'a', letters: '\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250' }, + { base: 'aa', letters: '\uA733' }, + { base: 'ae', letters: '\u00E6\u01FD\u01E3' }, + { base: 'ao', letters: '\uA735' }, + { base: 'au', letters: '\uA737' }, + { base: 'av', letters: '\uA739\uA73B' }, + { base: 'ay', letters: '\uA73D' }, + { base: 'b', letters: '\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253' }, + { base: 'c', letters: '\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184' }, + { base: 'd', letters: '\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A' }, + { base: 'dz', letters: '\u01F3\u01C6' }, + { base: 'e', letters: '\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD' }, + { base: 'f', letters: '\u0066\u24D5\uFF46\u1E1F\u0192\uA77C' }, + { base: 'g', letters: '\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F' }, + { base: 'h', letters: '\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265' }, + { base: 'hv', letters: '\u0195' }, + { base: 'i', letters: '\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131' }, + { base: 'j', letters: '\u006A\u24D9\uFF4A\u0135\u01F0\u0249' }, + { base: 'k', letters: '\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3' }, + { base: 'l', letters: '\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747' }, + { base: 'lj', letters: '\u01C9' }, + { base: 'm', letters: '\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F' }, + { base: 'n', letters: '\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5' }, + { base: 'nj', letters: '\u01CC' }, + { base: 'o', letters: '\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275' }, + { base: 'oi', letters: '\u01A3' }, + { base: 'ou', letters: '\u0223' }, + { base: 'oo', letters: '\uA74F' }, + { base: 'p', letters: '\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755' }, + { base: 'q', letters: '\u0071\u24E0\uFF51\u024B\uA757\uA759' }, + { base: 'r', letters: '\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783' }, + { base: 's', letters: '\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B' }, + { base: 't', letters: '\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787' }, + { base: 'tz', letters: '\uA729' }, + { base: 'u', letters: '\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289' }, + { base: 'v', letters: '\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C' }, + { base: 'vy', letters: '\uA761' }, + { base: 'w', letters: '\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73' }, + { base: 'x', letters: '\u0078\u24E7\uFF58\u1E8B\u1E8D' }, + { base: 'y', letters: '\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF' }, + { base: 'z', letters: '\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763' } ]; + + var diacriticsMap = {}; + for (var i = 0; i < defaultDiacriticsRemovalap.length; i += 1) { + var letters = defaultDiacriticsRemovalap[i].letters; + for (var j = 0; j < letters.length; j += 1) { + diacriticsMap[letters[j]] = defaultDiacriticsRemovalap[i].base; + } + } + + var uniqueNumber = 1; + + var Utils = { + uniqueNumber: function uniqueNumber$1() { + uniqueNumber += 1; + return uniqueNumber; + }, + id: function id(mask, map) { + if ( mask === void 0 ) mask = 'xxxxxxxxxx'; + if ( map === void 0 ) map = '0123456789abcdef'; + + var length = map.length; + return mask.replace(/x/g, function () { return map[Math.floor((Math.random() * length))]; }); + }, + mdPreloaderContent: "\n \n \n \n \n \n \n \n \n \n ".trim(), + iosPreloaderContent: ("\n \n " + (Array.from({ length: 12 }).map(function () { return ''; }).join('')) + "\n \n ").trim(), + eventNameToColonCase: function eventNameToColonCase(eventName) { + var hasColon; + return eventName.split('').map(function (char, index) { + if (char.match(/[A-Z]/) && index !== 0 && !hasColon) { + hasColon = true; + return (":" + (char.toLowerCase())); + } + return char.toLowerCase(); + }).join(''); + }, + deleteProps: function deleteProps(obj) { + var object = obj; + Object.keys(object).forEach(function (key) { + try { + object[key] = null; + } catch (e) { + // no setter for object + } + try { + delete object[key]; + } catch (e) { + // something got wrong + } + }); + }, + bezier: function bezier$1() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return bezier.apply(void 0, args); + }, + nextTick: function nextTick(callback, delay) { + if ( delay === void 0 ) delay = 0; + + return setTimeout(callback, delay); + }, + nextFrame: function nextFrame(callback) { + return Utils.requestAnimationFrame(function () { + Utils.requestAnimationFrame(callback); + }); + }, + now: function now() { + return Date.now(); + }, + requestAnimationFrame: function requestAnimationFrame(callback) { + if (win.requestAnimationFrame) { return win.requestAnimationFrame(callback); } + if (win.webkitRequestAnimationFrame) { return win.webkitRequestAnimationFrame(callback); } + return win.setTimeout(callback, 1000 / 60); + }, + cancelAnimationFrame: function cancelAnimationFrame(id) { + if (win.cancelAnimationFrame) { return win.cancelAnimationFrame(id); } + if (win.webkitCancelAnimationFrame) { return win.webkitCancelAnimationFrame(id); } + return win.clearTimeout(id); + }, + removeDiacritics: function removeDiacritics(str) { + return str.replace(/[^\u0000-\u007E]/g, function (a) { return diacriticsMap[a] || a; }); + }, + parseUrlQuery: function parseUrlQuery(url) { + var query = {}; + var urlToParse = url || win.location.href; + var i; + var params; + var param; + var length; + if (typeof urlToParse === 'string' && urlToParse.length) { + urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : ''; + params = urlToParse.split('&').filter(function (paramsPart) { return paramsPart !== ''; }); + length = params.length; + + for (i = 0; i < length; i += 1) { + param = params[i].replace(/#\S+/g, '').split('='); + query[decodeURIComponent(param[0])] = typeof param[1] === 'undefined' ? undefined : decodeURIComponent(param.slice(1).join('=')) || ''; + } + } + return query; + }, + getTranslate: function getTranslate(el, axis) { + if ( axis === void 0 ) axis = 'x'; + + var matrix; + var curTransform; + var transformMatrix; + + var curStyle = win.getComputedStyle(el, null); + + if (win.WebKitCSSMatrix) { + curTransform = curStyle.transform || curStyle.webkitTransform; + if (curTransform.split(',').length > 6) { + curTransform = curTransform.split(', ').map(function (a) { return a.replace(',', '.'); }).join(', '); + } + // Some old versions of Webkit choke when 'none' is passed; pass + // empty string instead in this case + transformMatrix = new win.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform); + } else { + transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,'); + matrix = transformMatrix.toString().split(','); + } + + if (axis === 'x') { + // Latest Chrome and webkits Fix + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m41; } + // Crazy IE10 Matrix + else if (matrix.length === 16) { curTransform = parseFloat(matrix[12]); } + // Normal Browsers + else { curTransform = parseFloat(matrix[4]); } + } + if (axis === 'y') { + // Latest Chrome and webkits Fix + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m42; } + // Crazy IE10 Matrix + else if (matrix.length === 16) { curTransform = parseFloat(matrix[13]); } + // Normal Browsers + else { curTransform = parseFloat(matrix[5]); } + } + return curTransform || 0; + }, + serializeObject: function serializeObject(obj, parents) { + if ( parents === void 0 ) parents = []; + + if (typeof obj === 'string') { return obj; } + var resultArray = []; + var separator = '&'; + var newParents; + function varName(name) { + if (parents.length > 0) { + var parentParts = ''; + for (var j = 0; j < parents.length; j += 1) { + if (j === 0) { parentParts += parents[j]; } + else { parentParts += "[" + (encodeURIComponent(parents[j])) + "]"; } + } + return (parentParts + "[" + (encodeURIComponent(name)) + "]"); + } + return encodeURIComponent(name); + } + function varValue(value) { + return encodeURIComponent(value); + } + Object.keys(obj).forEach(function (prop) { + var toPush; + if (Array.isArray(obj[prop])) { + toPush = []; + for (var i = 0; i < obj[prop].length; i += 1) { + if (!Array.isArray(obj[prop][i]) && typeof obj[prop][i] === 'object') { + newParents = parents.slice(); + newParents.push(prop); + newParents.push(String(i)); + toPush.push(Utils.serializeObject(obj[prop][i], newParents)); + } else { + toPush.push(((varName(prop)) + "[]=" + (varValue(obj[prop][i])))); + } + } + if (toPush.length > 0) { resultArray.push(toPush.join(separator)); } + } else if (obj[prop] === null || obj[prop] === '') { + resultArray.push(((varName(prop)) + "=")); + } else if (typeof obj[prop] === 'object') { + // Object, convert to named array + newParents = parents.slice(); + newParents.push(prop); + toPush = Utils.serializeObject(obj[prop], newParents); + if (toPush !== '') { resultArray.push(toPush); } + } else if (typeof obj[prop] !== 'undefined' && obj[prop] !== '') { + // Should be string or plain value + resultArray.push(((varName(prop)) + "=" + (varValue(obj[prop])))); + } else if (obj[prop] === '') { resultArray.push(varName(prop)); } + }); + return resultArray.join(separator); + }, + isObject: function isObject(o) { + return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object; + }, + merge: function merge() { + var args = [], len$1 = arguments.length; + while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ]; + + var to = args[0]; + args.splice(0, 1); + var from = args; + + for (var i = 0; i < from.length; i += 1) { + var nextSource = args[i]; + if (nextSource !== undefined && nextSource !== null) { + var keysArray = Object.keys(Object(nextSource)); + for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { + var nextKey = keysArray[nextIndex]; + var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); + if (desc !== undefined && desc.enumerable) { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + return to; + }, + extend: function extend() { + var args = [], len$1 = arguments.length; + while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ]; + + var deep = true; + var to; + var from; + if (typeof args[0] === 'boolean') { + deep = args[0]; + to = args[1]; + args.splice(0, 2); + from = args; + } else { + to = args[0]; + args.splice(0, 1); + from = args; + } + for (var i = 0; i < from.length; i += 1) { + var nextSource = args[i]; + if (nextSource !== undefined && nextSource !== null) { + var keysArray = Object.keys(Object(nextSource)); + for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { + var nextKey = keysArray[nextIndex]; + var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); + if (desc !== undefined && desc.enumerable) { + if (!deep) { + to[nextKey] = nextSource[nextKey]; + } else if (Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { + Utils.extend(to[nextKey], nextSource[nextKey]); + } else if (!Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { + to[nextKey] = {}; + Utils.extend(to[nextKey], nextSource[nextKey]); + } else { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + } + return to; + }, + colorHexToRgb: function colorHexToRgb(hex) { + var h = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (m, r, g, b) { return r + r + g + g + b + b; }); + var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(h); + return result + ? result.slice(1).map(function (n) { return parseInt(n, 16); }) + : null; + }, + colorRgbToHex: function colorRgbToHex(r, g, b) { + var result = [r, g, b].map(function (n) { + var hex = n.toString(16); + return hex.length === 1 ? ("0" + hex) : hex; + }).join(''); + return ("#" + result); + }, + colorRgbToHsl: function colorRgbToHsl(r, g, b) { + r /= 255; // eslint-disable-line + g /= 255; // eslint-disable-line + b /= 255; // eslint-disable-line + var max = Math.max(r, g, b); + var min = Math.min(r, g, b); + var d = max - min; + var h; + if (d === 0) { h = 0; } + else if (max === r) { h = ((g - b) / d) % 6; } + else if (max === g) { h = (b - r) / d + 2; } + else if (max === b) { h = (r - g) / d + 4; } + var l = (min + max) / 2; + var s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1)); + return [h * 60, s, l]; + }, + colorHslToRgb: function colorHslToRgb(h, s, l) { + var c = (1 - Math.abs(2 * l - 1)) * s; + var hp = h / 60; + var x = c * (1 - Math.abs((hp % 2) - 1)); + var rgb1; + if (Number.isNaN(h) || typeof h === 'undefined') { + rgb1 = [0, 0, 0]; + } else if (hp <= 1) { rgb1 = [c, x, 0]; } + else if (hp <= 2) { rgb1 = [x, c, 0]; } + else if (hp <= 3) { rgb1 = [0, c, x]; } + else if (hp <= 4) { rgb1 = [0, x, c]; } + else if (hp <= 5) { rgb1 = [x, 0, c]; } + else if (hp <= 6) { rgb1 = [c, 0, x]; } + var m = l - (c / 2); + return rgb1.map(function (n) { return Math.max(0, Math.min(255, Math.round(255 * (n + m)))); }); + }, + colorThemeCSSProperties: function colorThemeCSSProperties() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var hex; + var rgb; + if (args.length === 1) { + hex = args[0]; + rgb = Utils.colorHexToRgb(hex); + } else if (args.length === 3) { + rgb = args; + hex = Utils.colorRgbToHex.apply(Utils, rgb); + } + if (!rgb) { return {}; } + var hsl = Utils.colorRgbToHsl.apply(Utils, rgb); + var hslShade = [hsl[0], hsl[1], Math.max(0, (hsl[2] - 0.08))]; + var hslTint = [hsl[0], hsl[1], Math.max(0, (hsl[2] + 0.08))]; + var shade = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, hslShade)); + var tint = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, hslTint)); + return { + '--f7-theme-color': hex, + '--f7-theme-color-rgb': rgb.join(', '), + '--f7-theme-color-shade': shade, + '--f7-theme-color-tint': tint, + }; + }, + }; + + var Device = (function Device() { + var platform = win.navigator.platform; + var ua = win.navigator.userAgent; + + var device = { + ios: false, + android: false, + androidChrome: false, + desktop: false, + windowsPhone: false, + iphone: false, + iphoneX: false, + ipod: false, + ipad: false, + edge: false, + ie: false, + firefox: false, + macos: false, + windows: false, + cordova: !!(win.cordova || win.phonegap), + phonegap: !!(win.cordova || win.phonegap), + }; + + var screenWidth = win.screen.width; + var screenHeight = win.screen.height; + + var windowsPhone = ua.match(/(Windows Phone);?[\s\/]+([\d.]+)?/); // eslint-disable-line + var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line + var ipad = ua.match(/(iPad).*OS\s([\d_]+)/); + var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/); + var iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/); + var iphoneX = iphone && ( + (screenWidth === 375 && screenHeight === 812) // X/XS + || (screenWidth === 414 && screenHeight === 896) // XR / XS Max + ); + var ie = ua.indexOf('MSIE ') >= 0 || ua.indexOf('Trident/') >= 0; + var edge = ua.indexOf('Edge/') >= 0; + var firefox = ua.indexOf('Gecko/') >= 0 && ua.indexOf('Firefox/') >= 0; + var macos = platform === 'MacIntel'; + var windows = platform === 'Win32'; + + device.ie = ie; + device.edge = edge; + device.firefox = firefox; + + // Windows + if (windowsPhone) { + device.os = 'windows'; + device.osVersion = windowsPhone[2]; + device.windowsPhone = true; + } + // Android + if (android && !windows) { + device.os = 'android'; + device.osVersion = android[2]; + device.android = true; + device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0; + } + if (ipad || iphone || ipod) { + device.os = 'ios'; + device.ios = true; + } + // iOS + if (iphone && !ipod) { + device.osVersion = iphone[2].replace(/_/g, '.'); + device.iphone = true; + device.iphoneX = iphoneX; + } + if (ipad) { + device.osVersion = ipad[2].replace(/_/g, '.'); + device.ipad = true; + } + if (ipod) { + device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null; + device.iphone = true; + } + // iOS 8+ changed UA + if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) { + if (device.osVersion.split('.')[0] === '10') { + device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0]; + } + } + + // Webview + device.webView = !!((iphone || ipad || ipod) && (ua.match(/.*AppleWebKit(?!.*Safari)/i) || win.navigator.standalone)) + || (win.matchMedia && win.matchMedia('(display-mode: standalone)').matches); + device.webview = device.webView; + device.standalone = device.webView; + + // Desktop + device.desktop = !(device.os || device.android || device.webView); + if (device.desktop) { + device.macos = macos; + device.windows = windows; + } + + // Minimal UI + if (device.os && device.os === 'ios') { + var osVersionArr = device.osVersion.split('.'); + var metaViewport = doc.querySelector('meta[name="viewport"]'); + device.minimalUi = !device.webView + && (ipod || iphone) + && (osVersionArr[0] * 1 === 7 ? osVersionArr[1] * 1 >= 1 : osVersionArr[0] * 1 > 7) + && metaViewport && metaViewport.getAttribute('content').indexOf('minimal-ui') >= 0; + } + + // Meta statusbar + var metaStatusbar = doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]'); + + // Check for status bar and fullscreen app mode + device.needsStatusbarOverlay = function needsStatusbarOverlay() { + if (device.standalone && device.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') { + return true; + } + if ((device.webView || (device.android && device.cordova)) && (win.innerWidth * win.innerHeight === win.screen.width * win.screen.height)) { + if (device.iphoneX && (win.orientation === 90 || win.orientation === -90)) { + return false; + } + return true; + } + return false; + }; + device.statusbar = device.needsStatusbarOverlay(); + + // Pixel Ratio + device.pixelRatio = win.devicePixelRatio || 1; + + // Export object + return device; + }()); + + var EventsClass = function EventsClass(parents) { + if ( parents === void 0 ) parents = []; + + var self = this; + self.eventsParents = parents; + self.eventsListeners = {}; + }; + + EventsClass.prototype.on = function on (events, handler, priority) { + var self = this; + if (typeof handler !== 'function') { return self; } + var method = priority ? 'unshift' : 'push'; + events.split(' ').forEach(function (event) { + if (!self.eventsListeners[event]) { self.eventsListeners[event] = []; } + self.eventsListeners[event][method](handler); + }); + return self; + }; + + EventsClass.prototype.once = function once (events, handler, priority) { + var self = this; + if (typeof handler !== 'function') { return self; } + function onceHandler() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + handler.apply(self, args); + self.off(events, onceHandler); + } + return self.on(events, onceHandler, priority); + }; + + EventsClass.prototype.off = function off (events, handler) { + var self = this; + if (!self.eventsListeners) { return self; } + events.split(' ').forEach(function (event) { + if (typeof handler === 'undefined') { + self.eventsListeners[event] = []; + } else if (self.eventsListeners[event]) { + self.eventsListeners[event].forEach(function (eventHandler, index) { + if (eventHandler === handler) { + self.eventsListeners[event].splice(index, 1); + } + }); + } + }); + return self; + }; + + EventsClass.prototype.emit = function emit () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var self = this; + if (!self.eventsListeners) { return self; } + var events; + var data; + var context; + var eventsParents; + if (typeof args[0] === 'string' || Array.isArray(args[0])) { + events = args[0]; + data = args.slice(1, args.length); + context = self; + eventsParents = self.eventsParents; + } else { + events = args[0].events; + data = args[0].data; + context = args[0].context || self; + eventsParents = args[0].local ? [] : args[0].parents || self.eventsParents; + } + var eventsArray = Array.isArray(events) ? events : events.split(' '); + var localEvents = eventsArray.map(function (eventName) { return eventName.replace('local::', ''); }); + var parentEvents = eventsArray.filter(function (eventName) { return eventName.indexOf('local::') < 0; }); + + localEvents.forEach(function (event) { + if (self.eventsListeners && self.eventsListeners[event]) { + var handlers = []; + self.eventsListeners[event].forEach(function (eventHandler) { + handlers.push(eventHandler); + }); + handlers.forEach(function (eventHandler) { + eventHandler.apply(context, data); + }); + } + }); + if (eventsParents && eventsParents.length > 0) { + eventsParents.forEach(function (eventsParent) { + eventsParent.emit.apply(eventsParent, [ parentEvents ].concat( data )); + }); + } + return self; + }; + + var Framework7Class = /*@__PURE__*/(function (EventsClass$$1) { + function Framework7Class(params, parents) { + if ( params === void 0 ) params = {}; + if ( parents === void 0 ) parents = []; + + EventsClass$$1.call(this, parents); + var self = this; + self.params = params; + + if (self.params && self.params.on) { + Object.keys(self.params.on).forEach(function (eventName) { + self.on(eventName, self.params.on[eventName]); + }); + } + } + + if ( EventsClass$$1 ) Framework7Class.__proto__ = EventsClass$$1; + Framework7Class.prototype = Object.create( EventsClass$$1 && EventsClass$$1.prototype ); + Framework7Class.prototype.constructor = Framework7Class; + + var staticAccessors = { components: { configurable: true } }; + + // eslint-disable-next-line + Framework7Class.prototype.useModuleParams = function useModuleParams (module, instanceParams) { + if (module.params) { + var originalParams = {}; + Object.keys(module.params).forEach(function (paramKey) { + if (typeof instanceParams[paramKey] === 'undefined') { return; } + originalParams[paramKey] = Utils.extend({}, instanceParams[paramKey]); + }); + Utils.extend(instanceParams, module.params); + Object.keys(originalParams).forEach(function (paramKey) { + Utils.extend(instanceParams[paramKey], originalParams[paramKey]); + }); + } + }; + + Framework7Class.prototype.useModulesParams = function useModulesParams (instanceParams) { + var instance = this; + if (!instance.modules) { return; } + Object.keys(instance.modules).forEach(function (moduleName) { + var module = instance.modules[moduleName]; + // Extend params + if (module.params) { + Utils.extend(instanceParams, module.params); + } + }); + }; + + Framework7Class.prototype.useModule = function useModule (moduleName, moduleParams) { + if ( moduleName === void 0 ) moduleName = ''; + if ( moduleParams === void 0 ) moduleParams = {}; + + var instance = this; + if (!instance.modules) { return; } + var module = typeof moduleName === 'string' ? instance.modules[moduleName] : moduleName; + if (!module) { return; } + + // Extend instance methods and props + if (module.instance) { + Object.keys(module.instance).forEach(function (modulePropName) { + var moduleProp = module.instance[modulePropName]; + if (typeof moduleProp === 'function') { + instance[modulePropName] = moduleProp.bind(instance); + } else { + instance[modulePropName] = moduleProp; + } + }); + } + // Add event listeners + if (module.on && instance.on) { + Object.keys(module.on).forEach(function (moduleEventName) { + instance.on(moduleEventName, module.on[moduleEventName]); + }); + } + // Add vnode hooks + if (module.vnode) { + if (!instance.vnodeHooks) { instance.vnodeHooks = {}; } + Object.keys(module.vnode).forEach(function (vnodeId) { + Object.keys(module.vnode[vnodeId]).forEach(function (hookName) { + var handler = module.vnode[vnodeId][hookName]; + if (!instance.vnodeHooks[hookName]) { instance.vnodeHooks[hookName] = {}; } + if (!instance.vnodeHooks[hookName][vnodeId]) { instance.vnodeHooks[hookName][vnodeId] = []; } + instance.vnodeHooks[hookName][vnodeId].push(handler.bind(instance)); + }); + }); + } + // Module create callback + if (module.create) { + module.create.bind(instance)(moduleParams); + } + }; + + Framework7Class.prototype.useModules = function useModules (modulesParams) { + if ( modulesParams === void 0 ) modulesParams = {}; + + var instance = this; + if (!instance.modules) { return; } + Object.keys(instance.modules).forEach(function (moduleName) { + var moduleParams = modulesParams[moduleName] || {}; + instance.useModule(moduleName, moduleParams); + }); + }; + + staticAccessors.components.set = function (components) { + var Class = this; + if (!Class.use) { return; } + Class.use(components); + }; + + Framework7Class.installModule = function installModule (module) { + var params = [], len = arguments.length - 1; + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; + + var Class = this; + if (!Class.prototype.modules) { Class.prototype.modules = {}; } + var name = module.name || (((Object.keys(Class.prototype.modules).length) + "_" + (Utils.now()))); + Class.prototype.modules[name] = module; + // Prototype + if (module.proto) { + Object.keys(module.proto).forEach(function (key) { + Class.prototype[key] = module.proto[key]; + }); + } + // Class + if (module.static) { + Object.keys(module.static).forEach(function (key) { + Class[key] = module.static[key]; + }); + } + // Callback + if (module.install) { + module.install.apply(Class, params); + } + return Class; + }; + + Framework7Class.use = function use (module) { + var params = [], len = arguments.length - 1; + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; + + var Class = this; + if (Array.isArray(module)) { + module.forEach(function (m) { return Class.installModule(m); }); + return Class; + } + return Class.installModule.apply(Class, [ module ].concat( params )); + }; + + Object.defineProperties( Framework7Class, staticAccessors ); + + return Framework7Class; + }(EventsClass)); + + function ConstructorMethods (parameters) { + if ( parameters === void 0 ) parameters = {}; + + var defaultSelector = parameters.defaultSelector; + var constructor = parameters.constructor; + var domProp = parameters.domProp; + var app = parameters.app; + var addMethods = parameters.addMethods; + var methods = { + create: function create() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + if (app) { return new (Function.prototype.bind.apply( constructor, [ null ].concat( [app], args) )); } + return new (Function.prototype.bind.apply( constructor, [ null ].concat( args) )); + }, + get: function get(el) { + if ( el === void 0 ) el = defaultSelector; + + if (el instanceof constructor) { return el; } + var $el = $(el); + if ($el.length === 0) { return undefined; } + return $el[0][domProp]; + }, + destroy: function destroy(el) { + var instance = methods.get(el); + if (instance && instance.destroy) { return instance.destroy(); } + return undefined; + }, + }; + if (addMethods && Array.isArray(addMethods)) { + addMethods.forEach(function (methodName) { + methods[methodName] = function (el) { + if ( el === void 0 ) el = defaultSelector; + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + var instance = methods.get(el); + if (instance && instance[methodName]) { return instance[methodName].apply(instance, args); } + return undefined; + }; + }); + } + return methods; + } + + function ModalMethods (parameters) { + if ( parameters === void 0 ) parameters = {}; + + var defaultSelector = parameters.defaultSelector; + var constructor = parameters.constructor; + var app = parameters.app; + var methods = Utils.extend( + ConstructorMethods({ + defaultSelector: defaultSelector, + constructor: constructor, + app: app, + domProp: 'f7Modal', + }), + { + open: function open(el, animate) { + var $el = $(el); + var instance = $el[0].f7Modal; + if (!instance) { instance = new constructor(app, { el: $el }); } + return instance.open(animate); + }, + close: function close(el, animate) { + if ( el === void 0 ) el = defaultSelector; + + var $el = $(el); + if ($el.length === 0) { return undefined; } + var instance = $el[0].f7Modal; + if (!instance) { instance = new constructor(app, { el: $el }); } + return instance.close(animate); + }, + } + ); + return methods; + } + + var fetchedModules = []; + function loadModule(moduleToLoad) { + var Framework7 = this; + return new Promise(function (resolve, reject) { + var app = Framework7.instance; + var modulePath; + var moduleObj; + var moduleFunc; + if (!moduleToLoad) { + reject(new Error('Framework7: Lazy module must be specified')); + return; + } + + function install(module) { + Framework7.use(module); + + if (app) { + app.useModuleParams(module, app.params); + app.useModule(module); + } + } + + if (typeof moduleToLoad === 'string') { + var matchNamePattern = moduleToLoad.match(/([a-z0-9-]*)/i); + if (moduleToLoad.indexOf('.') < 0 && matchNamePattern && matchNamePattern[0].length === moduleToLoad.length) { + if (!app || (app && !app.params.lazyModulesPath)) { + reject(new Error('Framework7: "lazyModulesPath" app parameter must be specified to fetch module by name')); + return; + } + modulePath = (app.params.lazyModulesPath) + "/" + moduleToLoad + ".js"; + } else { + modulePath = moduleToLoad; + } + } else if (typeof moduleToLoad === 'function') { + moduleFunc = moduleToLoad; + } else { + // considering F7-Plugin object + moduleObj = moduleToLoad; + } + + if (moduleFunc) { + var module = moduleFunc(Framework7, false); + if (!module) { + reject(new Error('Framework7: Can\'t find Framework7 component in specified component function')); + return; + } + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module.name]) { + resolve(); + return; + } + // Install It + install(module); + + resolve(); + } + if (moduleObj) { + var module$1 = moduleObj; + if (!module$1) { + reject(new Error('Framework7: Can\'t find Framework7 component in specified component')); + return; + } + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module$1.name]) { + resolve(); + return; + } + // Install It + install(module$1); + + resolve(); + } + if (modulePath) { + if (fetchedModules.indexOf(modulePath) >= 0) { + resolve(); + return; + } + fetchedModules.push(modulePath); + var scriptLoad = new Promise(function (resolveScript, rejectScript) { + Framework7.request.get( + modulePath, + function (scriptContent) { + var id = Utils.id(); + var callbackLoadName = "f7_component_loader_callback_" + id; + + var scriptEl = document.createElement('script'); + scriptEl.innerHTML = "window." + callbackLoadName + " = function (Framework7, Framework7AutoInstallComponent) {return " + (scriptContent.trim()) + "}"; + $('head').append(scriptEl); + + var componentLoader = window[callbackLoadName]; + delete window[callbackLoadName]; + $(scriptEl).remove(); + + var module = componentLoader(Framework7, false); + + if (!module) { + rejectScript(new Error(("Framework7: Can't find Framework7 component in " + modulePath + " file"))); + return; + } + + // Check if it was added + if (Framework7.prototype.modules && Framework7.prototype.modules[module.name]) { + resolveScript(); + return; + } + + // Install It + install(module); + + resolveScript(); + }, + function (xhr, status) { + rejectScript(xhr, status); + } + ); + }); + var styleLoad = new Promise(function (resolveStyle) { + Framework7.request.get( + modulePath.replace('.js', app.rtl ? '.rtl.css' : '.css'), + function (styleContent) { + var styleEl = document.createElement('style'); + styleEl.innerHTML = styleContent; + $('head').append(styleEl); + + resolveStyle(); + }, + function () { + resolveStyle(); + } + ); + }); + + Promise.all([scriptLoad, styleLoad]).then(function () { + resolve(); + }).catch(function (err) { + reject(err); + }); + } + }); + } + + var Framework7 = /*@__PURE__*/(function (Framework7Class$$1) { + function Framework7(params) { + Framework7Class$$1.call(this, params); + if (Framework7.instance) { + throw new Error('Framework7 is already initialized and can\'t be initialized more than once'); + } + + var passedParams = Utils.extend({}, params); + + // App Instance + var app = this; + + Framework7.instance = app; + + // Default + var defaults = { + version: '1.0.0', + id: 'io.framework7.testapp', + root: 'body', + theme: 'auto', + language: win.navigator.language, + routes: [], + name: 'Framework7', + lazyModulesPath: null, + initOnDeviceReady: true, + init: true, + }; + + // Extend defaults with modules params + app.useModulesParams(defaults); + + // Extend defaults with passed params + app.params = Utils.extend(defaults, params); + + var $rootEl = $(app.params.root); + + Utils.extend(app, { + // App Id + id: app.params.id, + // App Name + name: app.params.name, + // App version + version: app.params.version, + // Routes + routes: app.params.routes, + // Lang + language: app.params.language, + // Root + root: $rootEl, + // RTL + rtl: $rootEl.css('direction') === 'rtl', + // Theme + theme: (function getTheme() { + if (app.params.theme === 'auto') { + return Device.ios ? 'ios' : 'md'; + } + return app.params.theme; + }()), + // Initially passed parameters + passedParams: passedParams, + }); + + // Save Root + if (app.root && app.root[0]) { + app.root[0].f7 = app; + } + + // Install Modules + app.useModules(); + + // Init Data & Methods + app.initData(); + + // Init + if (app.params.init) { + if (Device.cordova && app.params.initOnDeviceReady) { + $(doc).on('deviceready', function () { + app.init(); + }); + } else { + app.init(); + } + } + // Return app instance + return app; + } + + if ( Framework7Class$$1 ) Framework7.__proto__ = Framework7Class$$1; + Framework7.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + Framework7.prototype.constructor = Framework7; + + var prototypeAccessors = { $: { configurable: true },t7: { configurable: true } }; + var staticAccessors = { Dom7: { configurable: true },$: { configurable: true },Template7: { configurable: true },Class: { configurable: true },Events: { configurable: true } }; + + Framework7.prototype.initData = function initData () { + var app = this; + + // Data + app.data = {}; + if (app.params.data && typeof app.params.data === 'function') { + Utils.extend(app.data, app.params.data.bind(app)()); + } else if (app.params.data) { + Utils.extend(app.data, app.params.data); + } + // Methods + app.methods = {}; + if (app.params.methods) { + Object.keys(app.params.methods).forEach(function (methodName) { + if (typeof app.params.methods[methodName] === 'function') { + app.methods[methodName] = app.params.methods[methodName].bind(app); + } else { + app.methods[methodName] = app.params.methods[methodName]; + } + }); + } + }; + + Framework7.prototype.init = function init () { + var app = this; + if (app.initialized) { return app; } + + app.root.addClass('framework7-initializing'); + + // RTL attr + if (app.rtl) { + $('html').attr('dir', 'rtl'); + } + + // Root class + app.root.addClass('framework7-root'); + + // Theme class + $('html').removeClass('ios md').addClass(app.theme); + + // Init class + Utils.nextFrame(function () { + app.root.removeClass('framework7-initializing'); + }); + // Emit, init other modules + app.initialized = true; + app.emit('init'); + + return app; + }; + + // eslint-disable-next-line + Framework7.prototype.loadModule = function loadModule$$1 () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return Framework7.loadModule.apply(Framework7, args); + }; + + // eslint-disable-next-line + Framework7.prototype.loadModules = function loadModules () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return Framework7.loadModules.apply(Framework7, args); + }; + + Framework7.prototype.getVnodeHooks = function getVnodeHooks (hook, id) { + var app = this; + if (!app.vnodeHooks || !app.vnodeHooks[hook]) { return []; } + return app.vnodeHooks[hook][id] || []; + }; + + // eslint-disable-next-line + prototypeAccessors.$.get = function () { + return $; + }; + // eslint-disable-next-line + prototypeAccessors.t7.get = function () { + return Template7; + }; + + staticAccessors.Dom7.get = function () { + return $; + }; + + staticAccessors.$.get = function () { + return $; + }; + + staticAccessors.Template7.get = function () { + return Template7; + }; + + staticAccessors.Class.get = function () { + return Framework7Class$$1; + }; + + staticAccessors.Events.get = function () { + return EventsClass; + }; + + Object.defineProperties( Framework7.prototype, prototypeAccessors ); + Object.defineProperties( Framework7, staticAccessors ); + + return Framework7; + }(Framework7Class)); + + Framework7.ModalMethods = ModalMethods; + Framework7.ConstructorMethods = ConstructorMethods; + + Framework7.loadModule = loadModule; + Framework7.loadModules = function loadModules(modules) { + return Promise.all(modules.map(function (module) { return Framework7.loadModule(module); })); + }; + + var DeviceModule = { + name: 'device', + proto: { + device: Device, + }, + static: { + device: Device, + }, + on: { + init: function init() { + var classNames = []; + var html = doc.querySelector('html'); + var metaStatusbar = doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]'); + if (!html) { return; } + if (Device.standalone && Device.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') { + classNames.push('device-full-viewport'); + } + + // Pixel Ratio + classNames.push(("device-pixel-ratio-" + (Math.floor(Device.pixelRatio)))); + if (Device.pixelRatio >= 2) { + classNames.push('device-retina'); + } + // OS classes + if (Device.os) { + classNames.push( + ("device-" + (Device.os)), + ("device-" + (Device.os) + "-" + (Device.osVersion.split('.')[0])), + ("device-" + (Device.os) + "-" + (Device.osVersion.replace(/\./g, '-'))) + ); + if (Device.os === 'ios') { + var major = parseInt(Device.osVersion.split('.')[0], 10); + for (var i = major - 1; i >= 6; i -= 1) { + classNames.push(("device-ios-gt-" + i)); + } + if (Device.iphoneX) { + classNames.push('device-iphone-x'); + } + } + } else if (Device.desktop) { + classNames.push('device-desktop'); + if (Device.macos) { classNames.push('device-macos'); } + else if (Device.windows) { classNames.push('device-windows'); } + } + if (Device.cordova || Device.phonegap) { + classNames.push('device-cordova'); + } + + // Add html classes + classNames.forEach(function (className) { + html.classList.add(className); + }); + }, + }, + }; + + var Support = (function Support() { + var testDiv = doc.createElement('div'); + + return { + touch: (function checkTouch() { + return !!((win.navigator.maxTouchPoints > 0) || ('ontouchstart' in win) || (win.DocumentTouch && doc instanceof win.DocumentTouch)); + }()), + + pointerEvents: !!(win.navigator.pointerEnabled || win.PointerEvent || ('maxTouchPoints' in win.navigator)), + prefixedPointerEvents: !!win.navigator.msPointerEnabled, + + transition: (function checkTransition() { + var style = testDiv.style; + return ('transition' in style || 'webkitTransition' in style || 'MozTransition' in style); + }()), + transforms3d: (win.Modernizr && win.Modernizr.csstransforms3d === true) || (function checkTransforms3d() { + var style = testDiv.style; + return ('webkitPerspective' in style || 'MozPerspective' in style || 'OPerspective' in style || 'MsPerspective' in style || 'perspective' in style); + }()), + + flexbox: (function checkFlexbox() { + var div = doc.createElement('div').style; + var styles = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' '); + for (var i = 0; i < styles.length; i += 1) { + if (styles[i] in div) { return true; } + } + return false; + }()), + + observer: (function checkObserver() { + return ('MutationObserver' in win || 'WebkitMutationObserver' in win); + }()), + + passiveListener: (function checkPassiveListener() { + var supportsPassive = false; + try { + var opts = Object.defineProperty({}, 'passive', { + // eslint-disable-next-line + get: function get() { + supportsPassive = true; + }, + }); + win.addEventListener('testPassiveListener', null, opts); + } catch (e) { + // No support + } + return supportsPassive; + }()), + + gestures: (function checkGestures() { + return 'ongesturestart' in win; + }()), + + intersectionObserver: (function checkObserver() { + return ('IntersectionObserver' in win); + }()), + }; + }()); + + var SupportModule = { + name: 'support', + proto: { + support: Support, + }, + static: { + support: Support, + }, + on: { + init: function init() { + var html = doc.querySelector('html'); + if (!html) { return; } + var classNames = []; + // Add html classes + classNames.forEach(function (className) { + html.classList.add(className); + }); + }, + }, + }; + + var UtilsModule = { + name: 'utils', + proto: { + utils: Utils, + }, + static: { + utils: Utils, + }, + }; + + var ResizeModule = { + name: 'resize', + instance: { + getSize: function getSize() { + var app = this; + if (!app.root[0]) { return { width: 0, height: 0, left: 0, top: 0 }; } + var offset = app.root.offset(); + var ref = [app.root[0].offsetWidth, app.root[0].offsetHeight, offset.left, offset.top]; + var width = ref[0]; + var height = ref[1]; + var left = ref[2]; + var top = ref[3]; + app.width = width; + app.height = height; + app.left = left; + app.top = top; + return { width: width, height: height, left: left, top: top }; + }, + }, + on: { + init: function init() { + var app = this; + + // Get Size + app.getSize(); + + // Emit resize + win.addEventListener('resize', function () { + app.emit('resize'); + }, false); + + // Emit orientationchange + win.addEventListener('orientationchange', function () { + app.emit('orientationchange'); + }); + }, + orientationchange: function orientationchange() { + var app = this; + if (app.device && app.device.minimalUi) { + if (win.orientation === 90 || win.orientation === -90) { + doc.body.scrollTop = 0; + } + } + // Fix iPad weird body scroll + if (app.device.ipad) { + doc.body.scrollLeft = 0; + setTimeout(function () { + doc.body.scrollLeft = 0; + }, 0); + } + }, + resize: function resize() { + var app = this; + app.getSize(); + }, + }, + }; + + var globals = {}; + var jsonpRequests = 0; + + function Request(requestOptions) { + var globalsNoCallbacks = Utils.extend({}, globals); + ('beforeCreate beforeOpen beforeSend error complete success statusCode').split(' ').forEach(function (callbackName) { + delete globalsNoCallbacks[callbackName]; + }); + var defaults = Utils.extend({ + url: win.location.toString(), + method: 'GET', + data: false, + async: true, + cache: true, + user: '', + password: '', + headers: {}, + xhrFields: {}, + statusCode: {}, + processData: true, + dataType: 'text', + contentType: 'application/x-www-form-urlencoded', + timeout: 0, + }, globalsNoCallbacks); + + var options = Utils.extend({}, defaults, requestOptions); + var proceedRequest; + + // Function to run XHR callbacks and events + function fireCallback(callbackName) { + var data = [], len = arguments.length - 1; + while ( len-- > 0 ) data[ len ] = arguments[ len + 1 ]; + + /* + Callbacks: + beforeCreate (options), + beforeOpen (xhr, options), + beforeSend (xhr, options), + error (xhr, status), + complete (xhr, stautus), + success (response, status, xhr), + statusCode () + */ + var globalCallbackValue; + var optionCallbackValue; + if (globals[callbackName]) { + globalCallbackValue = globals[callbackName].apply(globals, data); + } + if (options[callbackName]) { + optionCallbackValue = options[callbackName].apply(options, data); + } + if (typeof globalCallbackValue !== 'boolean') { globalCallbackValue = true; } + if (typeof optionCallbackValue !== 'boolean') { optionCallbackValue = true; } + return (globalCallbackValue && optionCallbackValue); + } + + // Before create callback + proceedRequest = fireCallback('beforeCreate', options); + if (proceedRequest === false) { return undefined; } + + // For jQuery guys + if (options.type) { options.method = options.type; } + + // Parameters Prefix + var paramsPrefix = options.url.indexOf('?') >= 0 ? '&' : '?'; + + // UC method + var method = options.method.toUpperCase(); + + // Data to modify GET URL + if ((method === 'GET' || method === 'HEAD' || method === 'OPTIONS' || method === 'DELETE') && options.data) { + var stringData; + if (typeof options.data === 'string') { + // Should be key=value string + if (options.data.indexOf('?') >= 0) { stringData = options.data.split('?')[1]; } + else { stringData = options.data; } + } else { + // Should be key=value object + stringData = Utils.serializeObject(options.data); + } + if (stringData.length) { + options.url += paramsPrefix + stringData; + if (paramsPrefix === '?') { paramsPrefix = '&'; } + } + } + + // JSONP + if (options.dataType === 'json' && options.url.indexOf('callback=') >= 0) { + var callbackName = "f7jsonp_" + (Date.now() + ((jsonpRequests += 1))); + var abortTimeout; + var callbackSplit = options.url.split('callback='); + var requestUrl = (callbackSplit[0]) + "callback=" + callbackName; + if (callbackSplit[1].indexOf('&') >= 0) { + var addVars = callbackSplit[1].split('&').filter(function (el) { return el.indexOf('=') > 0; }).join('&'); + if (addVars.length > 0) { requestUrl += "&" + addVars; } + } + + // Create script + var script = doc.createElement('script'); + script.type = 'text/javascript'; + script.onerror = function onerror() { + clearTimeout(abortTimeout); + fireCallback('error', null, 'scripterror'); + fireCallback('complete', null, 'scripterror'); + }; + script.src = requestUrl; + + // Handler + win[callbackName] = function jsonpCallback(data) { + clearTimeout(abortTimeout); + fireCallback('success', data); + script.parentNode.removeChild(script); + script = null; + delete win[callbackName]; + }; + doc.querySelector('head').appendChild(script); + + if (options.timeout > 0) { + abortTimeout = setTimeout(function () { + script.parentNode.removeChild(script); + script = null; + fireCallback('error', null, 'timeout'); + }, options.timeout); + } + + return undefined; + } + + // Cache for GET/HEAD requests + if (method === 'GET' || method === 'HEAD' || method === 'OPTIONS' || method === 'DELETE') { + if (options.cache === false) { + options.url += paramsPrefix + "_nocache" + (Date.now()); + } + } + + // Create XHR + var xhr = new XMLHttpRequest(); + + // Save Request URL + xhr.requestUrl = options.url; + xhr.requestParameters = options; + + // Before open callback + proceedRequest = fireCallback('beforeOpen', xhr, options); + if (proceedRequest === false) { return xhr; } + + // Open XHR + xhr.open(method, options.url, options.async, options.user, options.password); + + // Create POST Data + var postData = null; + + if ((method === 'POST' || method === 'PUT' || method === 'PATCH') && options.data) { + if (options.processData) { + var postDataInstances = [ArrayBuffer, Blob, Document, FormData]; + // Post Data + if (postDataInstances.indexOf(options.data.constructor) >= 0) { + postData = options.data; + } else { + // POST Headers + var boundary = "---------------------------" + (Date.now().toString(16)); + + if (options.contentType === 'multipart/form-data') { + xhr.setRequestHeader('Content-Type', ("multipart/form-data; boundary=" + boundary)); + } else { + xhr.setRequestHeader('Content-Type', options.contentType); + } + postData = ''; + var data$1 = Utils.serializeObject(options.data); + if (options.contentType === 'multipart/form-data') { + data$1 = data$1.split('&'); + var newData = []; + for (var i = 0; i < data$1.length; i += 1) { + newData.push(("Content-Disposition: form-data; name=\"" + (data$1[i].split('=')[0]) + "\"\r\n\r\n" + (data$1[i].split('=')[1]) + "\r\n")); + } + postData = "--" + boundary + "\r\n" + (newData.join(("--" + boundary + "\r\n"))) + "--" + boundary + "--\r\n"; + } else if (options.contentType === 'application/json') { + postData = JSON.stringify(options.data); + } else { + postData = data$1; + } + } + } else { + postData = options.data; + xhr.setRequestHeader('Content-Type', options.contentType); + } + } + + // Additional headers + if (options.headers) { + Object.keys(options.headers).forEach(function (headerName) { + xhr.setRequestHeader(headerName, options.headers[headerName]); + }); + } + + // Check for crossDomain + if (typeof options.crossDomain === 'undefined') { + // eslint-disable-next-line + options.crossDomain = /^([\w-]+:)?\/\/([^\/]+)/.test(options.url) && RegExp.$2 !== win.location.host; + } + + if (!options.crossDomain) { + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + } + + if (options.xhrFields) { + Utils.extend(xhr, options.xhrFields); + } + + var xhrTimeout; + + // Handle XHR + xhr.onload = function onload() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 0) { + var responseData; + if (options.dataType === 'json') { + var parseError; + try { + responseData = JSON.parse(xhr.responseText); + } catch (err) { + parseError = true; + } + if (!parseError) { + fireCallback('success', responseData, xhr.status, xhr); + } else { + fireCallback('error', xhr, 'parseerror'); + } + } else { + responseData = xhr.responseType === 'text' || xhr.responseType === '' ? xhr.responseText : xhr.response; + fireCallback('success', responseData, xhr.status, xhr); + } + } else { + fireCallback('error', xhr, xhr.status); + } + if (options.statusCode) { + if (globals.statusCode && globals.statusCode[xhr.status]) { globals.statusCode[xhr.status](xhr); } + if (options.statusCode[xhr.status]) { options.statusCode[xhr.status](xhr); } + } + fireCallback('complete', xhr, xhr.status); + }; + + xhr.onerror = function onerror() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + fireCallback('error', xhr, xhr.status); + fireCallback('complete', xhr, 'error'); + }; + + // Timeout + if (options.timeout > 0) { + xhr.onabort = function onabort() { + if (xhrTimeout) { clearTimeout(xhrTimeout); } + }; + xhrTimeout = setTimeout(function () { + xhr.abort(); + fireCallback('error', xhr, 'timeout'); + fireCallback('complete', xhr, 'timeout'); + }, options.timeout); + } + + // Ajax start callback + proceedRequest = fireCallback('beforeSend', xhr, options); + if (proceedRequest === false) { return xhr; } + + // Send XHR + xhr.send(postData); + + // Return XHR object + return xhr; + } + function RequestShortcut(method) { + var assign, assign$1; + + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + var ref = []; + var url = ref[0]; + var data = ref[1]; + var success = ref[2]; + var error = ref[3]; + var dataType = ref[4]; + if (typeof args[1] === 'function') { + (assign = args, url = assign[0], success = assign[1], error = assign[2], dataType = assign[3]); + } else { + (assign$1 = args, url = assign$1[0], data = assign$1[1], success = assign$1[2], error = assign$1[3], dataType = assign$1[4]); + } + [success, error].forEach(function (callback) { + if (typeof callback === 'string') { + dataType = callback; + if (callback === success) { success = undefined; } + else { error = undefined; } + } + }); + dataType = dataType || (method === 'json' || method === 'postJSON' ? 'json' : undefined); + var requestOptions = { + url: url, + method: method === 'post' || method === 'postJSON' ? 'POST' : 'GET', + data: data, + success: success, + error: error, + dataType: dataType, + }; + if (method === 'postJSON') { + Utils.extend(requestOptions, { + contentType: 'application/json', + processData: false, + crossDomain: true, + data: typeof data === 'string' ? data : JSON.stringify(data), + }); + } + return Request(requestOptions); + } + function RequestShortcutPromise(method) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + var url = args[0]; + var data = args[1]; + var dataType = args[2]; + return new Promise(function (resolve, reject) { + RequestShortcut( + method, + url, + data, + function (response) { + resolve(response); + }, + function (xhr, status) { + reject(status); + }, + dataType + ); + }); + } + Object.assign(Request, { + get: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'get' ].concat( args )); + }, + post: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'post' ].concat( args )); + }, + json: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'json' ].concat( args )); + }, + getJSON: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'json' ].concat( args )); + }, + postJSON: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcut.apply(void 0, [ 'postJSON' ].concat( args )); + }, + }); + + Request.promise = function requestPromise(requestOptions) { + return new Promise(function (resolve, reject) { + Request(Object.assign(requestOptions, { + success: function success(data) { + resolve(data); + }, + error: function error(xhr, status) { + reject(status); + }, + })); + }); + }; + Object.assign(Request.promise, { + get: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcutPromise.apply(void 0, [ 'get' ].concat( args )); + }, + post: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcutPromise.apply(void 0, [ 'post' ].concat( args )); + }, + json: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcutPromise.apply(void 0, [ 'json' ].concat( args )); + }, + getJSON: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcutPromise.apply(void 0, [ 'json' ].concat( args )); + }, + postJSON: function () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return RequestShortcutPromise.apply(void 0, [ 'postJSON' ].concat( args )); + }, + }); + + Request.setup = function setup(options) { + if (options.type && !options.method) { + Utils.extend(options, { method: options.type }); + } + Utils.extend(globals, options); + }; + + /* eslint no-param-reassign: "off" */ + + var RequestModule = { + name: 'request', + proto: { + request: Request, + }, + static: { + request: Request, + }, + }; + + function initTouch() { + var app = this; + var params = app.params.touch; + var useRipple = params[((app.theme) + "TouchRipple")]; + + if (Device.ios && Device.webView) { + // Strange hack required for iOS 8 webview to work on inputs + win.addEventListener('touchstart', function () {}); + } + + var touchStartX; + var touchStartY; + var touchStartTime; + var targetElement; + var trackClick; + var activeSelection; + var scrollParent; + var lastClickTime; + var isMoved; + var tapHoldFired; + var tapHoldTimeout; + var preventClick; + + var activableElement; + var activeTimeout; + + var needsFastClick; + var needsFastClickTimeOut; + + var rippleWave; + var rippleTarget; + var rippleTimeout; + + function findActivableElement(el) { + var target = $(el); + var parents = target.parents(params.activeStateElements); + var activable; + if (target.is(params.activeStateElements)) { + activable = target; + } + if (parents.length > 0) { + activable = activable ? activable.add(parents) : parents; + } + return activable || target; + } + + function isInsideScrollableViewLight(el) { + var pageContent = el.parents('.page-content'); + return pageContent.length > 0; + } + function isInsideScrollableView(el) { + var pageContent = el.parents('.page-content'); + + if (pageContent.length === 0) { + return false; + } + + // This event handler covers the "tap to stop scrolling". + if (pageContent.prop('scrollHandlerSet') !== 'yes') { + pageContent.on('scroll', function () { + clearTimeout(activeTimeout); + clearTimeout(rippleTimeout); + }); + pageContent.prop('scrollHandlerSet', 'yes'); + } + + return true; + } + function addActive() { + if (!activableElement) { return; } + activableElement.addClass('active-state'); + } + function removeActive() { + if (!activableElement) { return; } + activableElement.removeClass('active-state'); + activableElement = null; + } + function isFormElement(el) { + var nodes = ('input select textarea label').split(' '); + if (el.nodeName && nodes.indexOf(el.nodeName.toLowerCase()) >= 0) { return true; } + return false; + } + function androidNeedsBlur(el) { + var noBlur = ('button input textarea select').split(' '); + if (doc.activeElement && el !== doc.activeElement && doc.activeElement !== doc.body) { + if (noBlur.indexOf(el.nodeName.toLowerCase()) >= 0) { + return false; + } + return true; + } + return false; + } + function targetNeedsFastClick(el) { + /* + if ( + Device.ios + && + ( + Device.osVersion.split('.')[0] > 9 + || + (Device.osVersion.split('.')[0] * 1 === 9 && Device.osVersion.split('.')[1] >= 1) + ) + ) { + return false; + } + */ + var $el = $(el); + if (el.nodeName.toLowerCase() === 'input' && (el.type === 'file' || el.type === 'range')) { return false; } + if (el.nodeName.toLowerCase() === 'select' && Device.android) { return false; } + if ($el.hasClass('no-fastclick') || $el.parents('.no-fastclick').length > 0) { return false; } + if (params.fastClicksExclude && $el.closest(params.fastClicksExclude).length > 0) { return false; } + + return true; + } + function targetNeedsFocus(el) { + if (doc.activeElement === el) { + return false; + } + var tag = el.nodeName.toLowerCase(); + var skipInputs = ('button checkbox file image radio submit').split(' '); + if (el.disabled || el.readOnly) { return false; } + if (tag === 'textarea') { return true; } + if (tag === 'select') { + if (Device.android) { return false; } + return true; + } + if (tag === 'input' && skipInputs.indexOf(el.type) < 0) { return true; } + return false; + } + function targetNeedsPrevent(el) { + var $el = $(el); + var prevent = true; + if ($el.is('label') || $el.parents('label').length > 0) { + if (Device.android) { + prevent = false; + } else if (Device.ios && $el.is('input')) { + prevent = true; + } else { prevent = false; } + } + return prevent; + } + + // Ripple handlers + function findRippleElement(el) { + var rippleElements = params.touchRippleElements; + var $el = $(el); + if ($el.is(rippleElements)) { + if ($el.hasClass('no-ripple')) { + return false; + } + return $el; + } + if ($el.parents(rippleElements).length > 0) { + var rippleParent = $el.parents(rippleElements).eq(0); + if (rippleParent.hasClass('no-ripple')) { + return false; + } + return rippleParent; + } + return false; + } + function createRipple($el, x, y) { + if (!$el) { return; } + rippleWave = app.touchRipple.create($el, x, y); + } + + function removeRipple() { + if (!rippleWave) { return; } + rippleWave.remove(); + rippleWave = undefined; + rippleTarget = undefined; + } + function rippleTouchStart(el) { + rippleTarget = findRippleElement(el); + if (!rippleTarget || rippleTarget.length === 0) { + rippleTarget = undefined; + return; + } + var inScrollable = params.fastClicks + ? isInsideScrollableView(rippleTarget) + : isInsideScrollableViewLight(rippleTarget); + + if (!inScrollable) { + createRipple(rippleTarget, touchStartX, touchStartY); + } else { + rippleTimeout = setTimeout(function () { + createRipple(rippleTarget, touchStartX, touchStartY); + }, 80); + } + } + function rippleTouchMove() { + clearTimeout(rippleTimeout); + removeRipple(); + } + function rippleTouchEnd() { + if (rippleWave) { + removeRipple(); + } else if (rippleTarget && !isMoved) { + clearTimeout(rippleTimeout); + createRipple(rippleTarget, touchStartX, touchStartY); + setTimeout(removeRipple, 0); + } else { + removeRipple(); + } + } + + // Mouse Handlers + function handleMouseDown(e) { + findActivableElement(e.target).addClass('active-state'); + if ('which' in e && e.which === 3) { + setTimeout(function () { + $('.active-state').removeClass('active-state'); + }, 0); + } + if (useRipple) { + touchStartX = e.pageX; + touchStartY = e.pageY; + rippleTouchStart(e.target, e.pageX, e.pageY); + } + } + function handleMouseMove() { + $('.active-state').removeClass('active-state'); + if (useRipple) { + rippleTouchMove(); + } + } + function handleMouseUp() { + $('.active-state').removeClass('active-state'); + if (useRipple) { + rippleTouchEnd(); + } + } + + // Send Click + function sendClick(e) { + var touch = e.changedTouches[0]; + var evt = doc.createEvent('MouseEvents'); + var eventType = 'click'; + if (Device.android && targetElement.nodeName.toLowerCase() === 'select') { + eventType = 'mousedown'; + } + evt.initMouseEvent(eventType, true, true, win, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null); + evt.forwardedTouchEvent = true; + + if (app.device.ios && win.navigator.standalone) { + // Fix the issue happens in iOS home screen apps where the wrong element is selected during a momentum scroll. + // Upon tapping, we give the scrolling time to stop, then we grab the element based where the user tapped. + setTimeout(function () { + targetElement = doc.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY); + targetElement.dispatchEvent(evt); + }, 10); + } else { + targetElement.dispatchEvent(evt); + } + } + + // Touch Handlers + function handleTouchStart(e) { + var this$1 = this; + + isMoved = false; + tapHoldFired = false; + if (e.targetTouches.length > 1) { + if (activableElement) { removeActive(); } + return true; + } + if (e.touches.length > 1 && activableElement) { + removeActive(); + } + if (params.tapHold) { + if (tapHoldTimeout) { clearTimeout(tapHoldTimeout); } + tapHoldTimeout = setTimeout(function () { + if (e && e.touches && e.touches.length > 1) { return; } + tapHoldFired = true; + e.preventDefault(); + $(e.target).trigger('taphold'); + }, params.tapHoldDelay); + } + if (needsFastClickTimeOut) { clearTimeout(needsFastClickTimeOut); } + needsFastClick = targetNeedsFastClick(e.target); + + if (!needsFastClick) { + trackClick = false; + return true; + } + if (Device.ios || (Device.android && 'getSelection' in win)) { + var selection = win.getSelection(); + if ( + selection.rangeCount + && selection.focusNode !== doc.body + && (!selection.isCollapsed || doc.activeElement === selection.focusNode) + ) { + activeSelection = true; + return true; + } + + activeSelection = false; + } + if (Device.android) { + if (androidNeedsBlur(e.target)) { + doc.activeElement.blur(); + } + } + + trackClick = true; + targetElement = e.target; + touchStartTime = (new Date()).getTime(); + touchStartX = e.targetTouches[0].pageX; + touchStartY = e.targetTouches[0].pageY; + + // Detect scroll parent + if (Device.ios) { + scrollParent = undefined; + $(targetElement).parents().each(function () { + var parent = this$1; + if (parent.scrollHeight > parent.offsetHeight && !scrollParent) { + scrollParent = parent; + scrollParent.f7ScrollTop = scrollParent.scrollTop; + } + }); + } + if ((touchStartTime - lastClickTime) < params.fastClicksDelayBetweenClicks) { + e.preventDefault(); + } + + if (params.activeState) { + activableElement = findActivableElement(targetElement); + activeTimeout = setTimeout(addActive, 0); + } + if (useRipple) { + rippleTouchStart(targetElement, touchStartX, touchStartY); + } + return true; + } + function handleTouchMove(e) { + if (!trackClick) { return; } + var distance = params.fastClicksDistanceThreshold; + if (distance) { + var pageX = e.targetTouches[0].pageX; + var pageY = e.targetTouches[0].pageY; + if (Math.abs(pageX - touchStartX) > distance || Math.abs(pageY - touchStartY) > distance) { + isMoved = true; + } + } else { + isMoved = true; + } + if (isMoved) { + trackClick = false; + targetElement = null; + isMoved = true; + if (params.tapHold) { + clearTimeout(tapHoldTimeout); + } + if (params.activeState) { + clearTimeout(activeTimeout); + removeActive(); + } + if (useRipple) { + rippleTouchMove(); + } + } + } + function handleTouchEnd(e) { + clearTimeout(activeTimeout); + clearTimeout(tapHoldTimeout); + + var touchEndTime = (new Date()).getTime(); + + if (!trackClick) { + if (!activeSelection && needsFastClick) { + if (!(Device.android && !e.cancelable) && e.cancelable) { + e.preventDefault(); + } + } + if (params.activeState) { removeActive(); } + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + if (doc.activeElement === e.target) { + if (params.activeState) { removeActive(); } + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + if (!activeSelection) { + e.preventDefault(); + } + + if ((touchEndTime - lastClickTime) < params.fastClicksDelayBetweenClicks) { + setTimeout(removeActive, 0); + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + + lastClickTime = touchEndTime; + + trackClick = false; + + if (Device.ios && scrollParent) { + if (scrollParent.scrollTop !== scrollParent.f7ScrollTop) { + return false; + } + } + + // Add active-state here because, in a very fast tap, the timeout didn't + // have the chance to execute. Removing active-state in a timeout gives + // the chance to the animation execute. + if (params.activeState) { + addActive(); + setTimeout(removeActive, 0); + } + // Remove Ripple + if (useRipple) { + rippleTouchEnd(); + } + + // Trigger focus when required + if (targetNeedsFocus(targetElement)) { + if (Device.ios && Device.webView) { + targetElement.focus(); + return false; + } + + targetElement.focus(); + } + + // Blur active elements + if (doc.activeElement && targetElement !== doc.activeElement && doc.activeElement !== doc.body && targetElement.nodeName.toLowerCase() !== 'label') { + doc.activeElement.blur(); + } + + // Send click + e.preventDefault(); + if (params.tapHoldPreventClicks && tapHoldFired) { + return false; + } + sendClick(e); + return false; + } + function handleTouchCancel() { + trackClick = false; + targetElement = null; + + // Remove Active State + clearTimeout(activeTimeout); + clearTimeout(tapHoldTimeout); + if (params.activeState) { + removeActive(); + } + + // Remove Ripple + if (useRipple) { + rippleTouchEnd(); + } + } + + function handleClick(e) { + var allowClick = false; + if (trackClick) { + targetElement = null; + trackClick = false; + return true; + } + if ((e.target.type === 'submit' && e.detail === 0) || e.target.type === 'file') { + return true; + } + if (!targetElement) { + if (!isFormElement(e.target)) { + allowClick = true; + } + } + if (!needsFastClick) { + allowClick = true; + } + if (doc.activeElement === targetElement) { + allowClick = true; + } + if (e.forwardedTouchEvent) { + allowClick = true; + } + if (!e.cancelable) { + allowClick = true; + } + if (params.tapHold && params.tapHoldPreventClicks && tapHoldFired) { + allowClick = false; + } + if (!allowClick) { + e.stopImmediatePropagation(); + e.stopPropagation(); + if (targetElement) { + if (targetNeedsPrevent(targetElement) || isMoved) { + e.preventDefault(); + } + } else { + e.preventDefault(); + } + targetElement = null; + } + needsFastClickTimeOut = setTimeout(function () { + needsFastClick = false; + }, (Device.ios || Device.androidChrome ? 100 : 400)); + + if (params.tapHold) { + tapHoldTimeout = setTimeout(function () { + tapHoldFired = false; + }, (Device.ios || Device.androidChrome ? 100 : 400)); + } + + return allowClick; + } + + function handleTouchStartLight(e) { + isMoved = false; + tapHoldFired = false; + preventClick = false; + if (e.targetTouches.length > 1) { + if (activableElement) { removeActive(); } + return true; + } + if (e.touches.length > 1 && activableElement) { + removeActive(); + } + if (params.tapHold) { + if (tapHoldTimeout) { clearTimeout(tapHoldTimeout); } + tapHoldTimeout = setTimeout(function () { + if (e && e.touches && e.touches.length > 1) { return; } + tapHoldFired = true; + e.preventDefault(); + preventClick = true; + $(e.target).trigger('taphold'); + }, params.tapHoldDelay); + } + targetElement = e.target; + touchStartX = e.targetTouches[0].pageX; + touchStartY = e.targetTouches[0].pageY; + + if (params.activeState) { + activableElement = findActivableElement(targetElement); + if (!isInsideScrollableViewLight(activableElement)) { + addActive(); + } else { + activeTimeout = setTimeout(addActive, 80); + } + } + if (useRipple) { + rippleTouchStart(targetElement, touchStartX, touchStartY); + } + return true; + } + function handleTouchMoveLight(e) { + var distance = params.fastClicks ? params.fastClicksDistanceThreshold : 0; + if (distance) { + var pageX = e.targetTouches[0].pageX; + var pageY = e.targetTouches[0].pageY; + if (Math.abs(pageX - touchStartX) > distance || Math.abs(pageY - touchStartY) > distance) { + isMoved = true; + } + } else { + isMoved = true; + } + if (isMoved) { + preventClick = true; + if (params.tapHold) { + clearTimeout(tapHoldTimeout); + } + if (params.activeState) { + clearTimeout(activeTimeout); + removeActive(); + } + if (useRipple) { + rippleTouchMove(); + } + } + } + function handleTouchEndLight(e) { + clearTimeout(activeTimeout); + clearTimeout(tapHoldTimeout); + if (doc.activeElement === e.target) { + if (params.activeState) { removeActive(); } + if (useRipple) { + rippleTouchEnd(); + } + return true; + } + if (params.activeState) { + addActive(); + setTimeout(removeActive, 0); + } + if (useRipple) { + rippleTouchEnd(); + } + if ((params.tapHoldPreventClicks && tapHoldFired) || preventClick) { + if (e.cancelable) { e.preventDefault(); } + preventClick = true; + return false; + } + return true; + } + function handleClickLight(e) { + var localPreventClick = preventClick; + if (targetElement && e.target !== targetElement) { + localPreventClick = true; + } + if (params.tapHold && params.tapHoldPreventClicks && tapHoldFired) { + localPreventClick = true; + } + if (localPreventClick) { + e.stopImmediatePropagation(); + e.stopPropagation(); + e.preventDefault(); + } + + if (params.tapHold) { + tapHoldTimeout = setTimeout( + function () { + tapHoldFired = false; + }, + (Device.ios || Device.androidChrome ? 100 : 400) + ); + } + preventClick = false; + targetElement = null; + + return !localPreventClick; + } + + function emitAppTouchEvent(name, e) { + app.emit({ + events: name, + data: [e], + }); + } + function appClick(e) { + emitAppTouchEvent('click', e); + } + function appTouchStartActive(e) { + emitAppTouchEvent('touchstart touchstart:active', e); + } + function appTouchMoveActive(e) { + emitAppTouchEvent('touchmove touchmove:active', e); + } + function appTouchEndActive(e) { + emitAppTouchEvent('touchend touchend:active', e); + } + function appTouchStartPassive(e) { + emitAppTouchEvent('touchstart:passive', e); + } + function appTouchMovePassive(e) { + emitAppTouchEvent('touchmove:passive', e); + } + function appTouchEndPassive(e) { + emitAppTouchEvent('touchend:passive', e); + } + + var passiveListener = Support.passiveListener ? { passive: true } : false; + var activeListener = Support.passiveListener ? { passive: false } : false; + + doc.addEventListener('click', appClick, true); + + if (Support.passiveListener) { + doc.addEventListener(app.touchEvents.start, appTouchStartActive, activeListener); + doc.addEventListener(app.touchEvents.move, appTouchMoveActive, activeListener); + doc.addEventListener(app.touchEvents.end, appTouchEndActive, activeListener); + + doc.addEventListener(app.touchEvents.start, appTouchStartPassive, passiveListener); + doc.addEventListener(app.touchEvents.move, appTouchMovePassive, passiveListener); + doc.addEventListener(app.touchEvents.end, appTouchEndPassive, passiveListener); + } else { + doc.addEventListener(app.touchEvents.start, function (e) { + appTouchStartActive(e); + appTouchStartPassive(e); + }, false); + doc.addEventListener(app.touchEvents.move, function (e) { + appTouchMoveActive(e); + appTouchMovePassive(e); + }, false); + doc.addEventListener(app.touchEvents.end, function (e) { + appTouchEndActive(e); + appTouchEndPassive(e); + }, false); + } + + if (Support.touch) { + if (params.fastClicks) { + app.on('click', handleClick); + app.on('touchstart', handleTouchStart); + app.on('touchmove', handleTouchMove); + app.on('touchend', handleTouchEnd); + } else { + app.on('click', handleClickLight); + app.on('touchstart', handleTouchStartLight); + app.on('touchmove', handleTouchMoveLight); + app.on('touchend', handleTouchEndLight); + } + + doc.addEventListener('touchcancel', handleTouchCancel, { passive: true }); + } else if (params.activeState) { + app.on('touchstart', handleMouseDown); + app.on('touchmove', handleMouseMove); + app.on('touchend', handleMouseUp); + } + doc.addEventListener('contextmenu', function (e) { + if (params.disableContextMenu && (Device.ios || Device.android || Device.cordova)) { + e.preventDefault(); + } + if (useRipple) { + if (activableElement) { removeActive(); } + rippleTouchEnd(); + } + }); + } + + var TouchModule = { + name: 'touch', + params: { + touch: { + // Fast clicks + fastClicks: false, + fastClicksDistanceThreshold: 10, + fastClicksDelayBetweenClicks: 50, + fastClicksExclude: '', // CSS selector + // ContextMenu + disableContextMenu: false, + // Tap Hold + tapHold: false, + tapHoldDelay: 750, + tapHoldPreventClicks: true, + // Active State + activeState: true, + activeStateElements: 'a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item', + mdTouchRipple: true, + iosTouchRipple: false, + touchRippleElements: '.ripple, .link, .item-link, .list-button, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus, .menu-item-content', + }, + }, + instance: { + touchEvents: { + start: Support.touch ? 'touchstart' : 'mousedown', + move: Support.touch ? 'touchmove' : 'mousemove', + end: Support.touch ? 'touchend' : 'mouseup', + }, + }, + on: { + init: initTouch, + }, + }; + + /** + * Expose `pathToRegexp`. + */ + var pathToRegexp_1 = pathToRegexp; + var parse_1 = parse; + var compile_1 = compile; + var tokensToFunction_1 = tokensToFunction; + var tokensToRegExp_1 = tokensToRegExp; + + /** + * Default configs. + */ + var DEFAULT_DELIMITER = '/'; + + /** + * The main path matching regexp utility. + * + * @type {RegExp} + */ + var PATH_REGEXP = new RegExp([ + // Match escaped characters that would otherwise appear in future matches. + // This allows the user to escape special characters that won't transform. + '(\\\\.)', + // Match Express-style parameters and un-named parameters with a prefix + // and optional suffixes. Matches appear as: + // + // ":test(\\d+)?" => ["test", "\d+", undefined, "?"] + // "(\\d+)" => [undefined, undefined, "\d+", undefined] + '(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?' + ].join('|'), 'g'); + + /** + * Parse a string for the raw tokens. + * + * @param {string} str + * @param {Object=} options + * @return {!Array} + */ + function parse (str, options) { + var tokens = []; + var key = 0; + var index = 0; + var path = ''; + var defaultDelimiter = (options && options.delimiter) || DEFAULT_DELIMITER; + var whitelist = (options && options.whitelist) || undefined; + var pathEscaped = false; + var res; + + while ((res = PATH_REGEXP.exec(str)) !== null) { + var m = res[0]; + var escaped = res[1]; + var offset = res.index; + path += str.slice(index, offset); + index = offset + m.length; + + // Ignore already escaped sequences. + if (escaped) { + path += escaped[1]; + pathEscaped = true; + continue + } + + var prev = ''; + var name = res[2]; + var capture = res[3]; + var group = res[4]; + var modifier = res[5]; + + if (!pathEscaped && path.length) { + var k = path.length - 1; + var c = path[k]; + var matches = whitelist ? whitelist.indexOf(c) > -1 : true; + + if (matches) { + prev = c; + path = path.slice(0, k); + } + } + + // Push the current path onto the tokens. + if (path) { + tokens.push(path); + path = ''; + pathEscaped = false; + } + + var repeat = modifier === '+' || modifier === '*'; + var optional = modifier === '?' || modifier === '*'; + var pattern = capture || group; + var delimiter = prev || defaultDelimiter; + + tokens.push({ + name: name || key++, + prefix: prev, + delimiter: delimiter, + optional: optional, + repeat: repeat, + pattern: pattern + ? escapeGroup(pattern) + : '[^' + escapeString(delimiter === defaultDelimiter ? delimiter : (delimiter + defaultDelimiter)) + ']+?' + }); + } + + // Push any remaining characters. + if (path || index < str.length) { + tokens.push(path + str.substr(index)); + } + + return tokens + } + + /** + * Compile a string to a template function for the path. + * + * @param {string} str + * @param {Object=} options + * @return {!function(Object=, Object=)} + */ + function compile (str, options) { + return tokensToFunction(parse(str, options)) + } + + /** + * Expose a method for transforming tokens into the path function. + */ + function tokensToFunction (tokens) { + // Compile all the tokens into regexps. + var matches = new Array(tokens.length); + + // Compile all the patterns before compilation. + for (var i = 0; i < tokens.length; i++) { + if (typeof tokens[i] === 'object') { + matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$'); + } + } + + return function (data, options) { + var path = ''; + var encode = (options && options.encode) || encodeURIComponent; + + for (var i = 0; i < tokens.length; i++) { + var token = tokens[i]; + + if (typeof token === 'string') { + path += token; + continue + } + + var value = data ? data[token.name] : undefined; + var segment; + + if (Array.isArray(value)) { + if (!token.repeat) { + throw new TypeError('Expected "' + token.name + '" to not repeat, but got array') + } + + if (value.length === 0) { + if (token.optional) { continue } + + throw new TypeError('Expected "' + token.name + '" to not be empty') + } + + for (var j = 0; j < value.length; j++) { + segment = encode(value[j], token); + + if (!matches[i].test(segment)) { + throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '"') + } + + path += (j === 0 ? token.prefix : token.delimiter) + segment; + } + + continue + } + + if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') { + segment = encode(String(value), token); + + if (!matches[i].test(segment)) { + throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but got "' + segment + '"') + } + + path += token.prefix + segment; + continue + } + + if (token.optional) { continue } + + throw new TypeError('Expected "' + token.name + '" to be ' + (token.repeat ? 'an array' : 'a string')) + } + + return path + } + } + + /** + * Escape a regular expression string. + * + * @param {string} str + * @return {string} + */ + function escapeString (str) { + return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1') + } + + /** + * Escape the capturing group by escaping special characters and meaning. + * + * @param {string} group + * @return {string} + */ + function escapeGroup (group) { + return group.replace(/([=!:$/()])/g, '\\$1') + } + + /** + * Get the flags for a regexp from the options. + * + * @param {Object} options + * @return {string} + */ + function flags (options) { + return options && options.sensitive ? '' : 'i' + } + + /** + * Pull out keys from a regexp. + * + * @param {!RegExp} path + * @param {Array=} keys + * @return {!RegExp} + */ + function regexpToRegexp (path, keys) { + if (!keys) { return path } + + // Use a negative lookahead to match only capturing groups. + var groups = path.source.match(/\((?!\?)/g); + + if (groups) { + for (var i = 0; i < groups.length; i++) { + keys.push({ + name: i, + prefix: null, + delimiter: null, + optional: false, + repeat: false, + pattern: null + }); + } + } + + return path + } + + /** + * Transform an array into a regexp. + * + * @param {!Array} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function arrayToRegexp (path, keys, options) { + var parts = []; + + for (var i = 0; i < path.length; i++) { + parts.push(pathToRegexp(path[i], keys, options).source); + } + + return new RegExp('(?:' + parts.join('|') + ')', flags(options)) + } + + /** + * Create a path regexp from string input. + * + * @param {string} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function stringToRegexp (path, keys, options) { + return tokensToRegExp(parse(path, options), keys, options) + } + + /** + * Expose a function for taking tokens and returning a RegExp. + * + * @param {!Array} tokens + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function tokensToRegExp (tokens, keys, options) { + options = options || {}; + + var strict = options.strict; + var start = options.start !== false; + var end = options.end !== false; + var delimiter = options.delimiter || DEFAULT_DELIMITER; + var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|'); + var route = start ? '^' : ''; + + // Iterate over the tokens and create our regexp string. + for (var i = 0; i < tokens.length; i++) { + var token = tokens[i]; + + if (typeof token === 'string') { + route += escapeString(token); + } else { + var capture = token.repeat + ? '(?:' + token.pattern + ')(?:' + escapeString(token.delimiter) + '(?:' + token.pattern + '))*' + : token.pattern; + + if (keys) { keys.push(token); } + + if (token.optional) { + if (!token.prefix) { + route += '(' + capture + ')?'; + } else { + route += '(?:' + escapeString(token.prefix) + '(' + capture + '))?'; + } + } else { + route += escapeString(token.prefix) + '(' + capture + ')'; + } + } + } + + if (end) { + if (!strict) { route += '(?:' + escapeString(delimiter) + ')?'; } + + route += endsWith === '$' ? '$' : '(?=' + endsWith + ')'; + } else { + var endToken = tokens[tokens.length - 1]; + var isEndDelimited = typeof endToken === 'string' + ? endToken[endToken.length - 1] === delimiter + : endToken === undefined; + + if (!strict) { route += '(?:' + escapeString(delimiter) + '(?=' + endsWith + '))?'; } + if (!isEndDelimited) { route += '(?=' + escapeString(delimiter) + '|' + endsWith + ')'; } + } + + return new RegExp(route, flags(options)) + } + + /** + * Normalize the given path string, returning a regular expression. + * + * An empty array can be passed in for the keys, which will hold the + * placeholder key descriptions. For example, using `/user/:id`, `keys` will + * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`. + * + * @param {(string|RegExp|Array)} path + * @param {Array=} keys + * @param {Object=} options + * @return {!RegExp} + */ + function pathToRegexp (path, keys, options) { + if (path instanceof RegExp) { + return regexpToRegexp(path, keys) + } + + if (Array.isArray(path)) { + return arrayToRegexp(/** @type {!Array} */ (path), keys, options) + } + + return stringToRegexp(/** @type {string} */ (path), keys, options) + } + pathToRegexp_1.parse = parse_1; + pathToRegexp_1.compile = compile_1; + pathToRegexp_1.tokensToFunction = tokensToFunction_1; + pathToRegexp_1.tokensToRegExp = tokensToRegExp_1; + + var History = { + queue: [], + clearQueue: function clearQueue() { + if (History.queue.length === 0) { return; } + var currentQueue = History.queue.shift(); + currentQueue(); + }, + routerQueue: [], + clearRouterQueue: function clearRouterQueue() { + if (History.routerQueue.length === 0) { return; } + var currentQueue = History.routerQueue.pop(); + var router = currentQueue.router; + var stateUrl = currentQueue.stateUrl; + var action = currentQueue.action; + + var animate = router.params.animate; + if (router.params.pushStateAnimate === false) { animate = false; } + + if (action === 'back') { + router.back({ animate: animate, pushState: false }); + } + if (action === 'load') { + router.navigate(stateUrl, { animate: animate, pushState: false }); + } + }, + handle: function handle(e) { + if (History.blockPopstate) { return; } + var app = this; + // const mainView = app.views.main; + var state = e.state; + History.previousState = History.state; + History.state = state; + + History.allowChange = true; + History.clearQueue(); + + state = History.state; + if (!state) { state = {}; } + + app.views.forEach(function (view) { + var router = view.router; + var viewState = state[view.id]; + if (!viewState && view.params.pushState) { + viewState = { + url: view.router.history[0], + }; + } + if (!viewState) { return; } + var stateUrl = viewState.url || undefined; + + var animate = router.params.animate; + if (router.params.pushStateAnimate === false) { animate = false; } + + if (stateUrl !== router.url) { + if (router.history.indexOf(stateUrl) >= 0) { + // Go Back + if (router.allowPageChange) { + router.back({ animate: animate, pushState: false }); + } else { + History.routerQueue.push({ + action: 'back', + router: router, + }); + } + } else if (router.allowPageChange) { + // Load page + router.navigate(stateUrl, { animate: animate, pushState: false }); + } else { + History.routerQueue.unshift({ + action: 'load', + stateUrl: stateUrl, + router: router, + }); + } + } + }); + }, + initViewState: function initViewState(viewId, viewState) { + var obj; + + var newState = Utils.extend({}, (History.state || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.replaceState(newState, ''); + }, + push: function push(viewId, viewState, url) { + var obj; + + if (!History.allowChange) { + History.queue.push(function () { + History.push(viewId, viewState, url); + }); + return; + } + History.previousState = History.state; + var newState = Utils.extend({}, (History.previousState || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.pushState(newState, '', url); + }, + replace: function replace(viewId, viewState, url) { + var obj; + + if (!History.allowChange) { + History.queue.push(function () { + History.replace(viewId, viewState, url); + }); + return; + } + History.previousState = History.state; + var newState = Utils.extend({}, (History.previousState || {}), ( obj = {}, obj[viewId] = viewState, obj )); + History.state = newState; + win.history.replaceState(newState, '', url); + }, + go: function go(index) { + History.allowChange = false; + win.history.go(index); + }, + back: function back() { + History.allowChange = false; + win.history.back(); + }, + allowChange: true, + previousState: {}, + state: win.history.state, + blockPopstate: true, + init: function init(app) { + $(win).on('load', function () { + setTimeout(function () { + History.blockPopstate = false; + }, 0); + }); + + if (doc.readyState && doc.readyState === 'complete') { + History.blockPopstate = false; + } + + $(win).on('popstate', History.handle.bind(app)); + }, + }; + + function SwipeBack(r) { + var router = r; + var $el = router.$el; + var $navbarEl = router.$navbarEl; + var app = router.app; + var params = router.params; + var isTouched = false; + var isMoved = false; + var touchesStart = {}; + var isScrolling; + var currentPage = []; + var previousPage = []; + var viewContainerWidth; + var touchesDiff; + var allowViewTouchMove = true; + var touchStartTime; + var $currentNavbarInner = []; + var $previousNavbarInner = []; + var dynamicNavbar; + var separateNavbar; + var pageShadow; + var pageOpacity; + + var animatableNavEls; + + var paramsSwipeBackAnimateShadow = params[((app.theme) + "SwipeBackAnimateShadow")]; + var paramsSwipeBackAnimateOpacity = params[((app.theme) + "SwipeBackAnimateOpacity")]; + var paramsSwipeBackActiveArea = params[((app.theme) + "SwipeBackActiveArea")]; + var paramsSwipeBackThreshold = params[((app.theme) + "SwipeBackThreshold")]; + + var transformOrigin = app.rtl ? 'right center' : 'left center'; + + function animatableNavElements() { + var els = []; + var inverter = app.rtl ? -1 : 1; + var currentNavIsLarge = $currentNavbarInner.hasClass('navbar-inner-large'); + var previousNavIsLarge = $previousNavbarInner.hasClass('navbar-inner-large'); + var fromLarge = currentNavIsLarge && !$currentNavbarInner.hasClass('navbar-inner-large-collapsed'); + var toLarge = previousNavIsLarge && !$previousNavbarInner.hasClass('navbar-inner-large-collapsed'); + var $currentNavElements = $currentNavbarInner.children('.left, .title, .right, .subnavbar, .fading, .title-large'); + var $previousNavElements = $previousNavbarInner.children('.left, .title, .right, .subnavbar, .fading, .title-large'); + var activeNavBackIconText; + var previousNavBackIconText; + + if (params.iosAnimateNavbarBackIcon) { + if ($currentNavbarInner.hasClass('sliding')) { + activeNavBackIconText = $currentNavbarInner.children('.left').find('.back .icon + span').eq(0); + } else { + activeNavBackIconText = $currentNavbarInner.children('.left.sliding').find('.back .icon + span').eq(0); + } + if ($previousNavbarInner.hasClass('sliding')) { + previousNavBackIconText = $previousNavbarInner.children('.left').find('.back .icon + span').eq(0); + } else { + previousNavBackIconText = $previousNavbarInner.children('.left.sliding').find('.back .icon + span').eq(0); + } + if (activeNavBackIconText.length) { + $previousNavElements.each(function (index, el) { + if (!$(el).hasClass('title')) { return; } + el.f7NavbarLeftOffset += activeNavBackIconText.prev('.icon')[0].offsetWidth; + }); + } + } + $currentNavElements + .each(function (index, navEl) { + var $navEl = $(navEl); + var isSubnavbar = $navEl.hasClass('subnavbar'); + var isLeft = $navEl.hasClass('left'); + var isTitle = $navEl.hasClass('title'); + if (!fromLarge && $navEl.hasClass('.title-large')) { return; } + var el = { + el: navEl, + }; + if (fromLarge) { + if (isTitle) { return; } + if ($navEl.hasClass('title-large')) { + if (!separateNavbar) { return; } + if (toLarge) { + if (els.indexOf(el) < 0) { els.push(el); } + el.overflow = 'visible'; + el.transform = 'translateX(100%)'; + $navEl.find('.title-large-text, .title-large-inner').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + transform: function (progress) { return ("translateX(" + (-100 + progress * 100 * inverter) + "%)"); }, + }); + }); + } else { + if (els.indexOf(el) < 0) { els.push(el); } + el.overflow = 'hidden'; + el.transform = function (progress) { return ("translateY(calc(" + (-progress) + " * var(--f7-navbar-large-title-height)))"); }; + $navEl.find('.title-large-text, .title-large-inner').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + transform: function (progress) { return ("translateX(" + (progress * 100 * inverter) + "%) translateY(calc(" + progress + " * var(--f7-navbar-large-title-height)))"); }, + }); + }); + } + return; + } + } + if (toLarge) { + if (!fromLarge) { + if ($navEl.hasClass('title-large')) { + if (!separateNavbar) { return; } + if (els.indexOf(el) < 0) { els.push(el); } + el.opacity = 0; + } + } + if (isLeft && separateNavbar) { + if (els.indexOf(el) < 0) { els.push(el); } + el.opacity = function (progress) { return (1 - (Math.pow( progress, 0.33 ))); }; + $navEl.find('.back span').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + 'transform-origin': transformOrigin, + transform: function (progress) { return ("translateY(calc(var(--f7-navbar-height) * " + progress + ")) scale(" + (1 + (1 * progress)) + ")"); }, + }); + }); + return; + } + } + if ($navEl.hasClass('title-large')) { return; } + var isSliding = $navEl.hasClass('sliding') || $currentNavbarInner.hasClass('sliding'); + if (els.indexOf(el) < 0) { els.push(el); } + if (!isSubnavbar || (isSubnavbar && !isSliding)) { + el.opacity = function (progress) { return (1 - (Math.pow( progress, 0.33 ))); }; + } + if (isSliding) { + var transformTarget = el; + if (isLeft && activeNavBackIconText.length && params.iosAnimateNavbarBackIcon) { + var textEl = { el: activeNavBackIconText[0] }; + transformTarget = textEl; + els.push(textEl); + } + transformTarget.transform = function (progress) { + var activeNavTranslate = progress * transformTarget.el.f7NavbarRightOffset; + if (Device.pixelRatio === 1) { activeNavTranslate = Math.round(activeNavTranslate); } + if (isSubnavbar && currentNavIsLarge && separateNavbar) { + return ("translate3d(" + activeNavTranslate + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)"); + } + return ("translate3d(" + activeNavTranslate + "px,0,0)"); + }; + } + }); + $previousNavElements + .each(function (index, navEl) { + var $navEl = $(navEl); + var isSubnavbar = $navEl.hasClass('subnavbar'); + var isLeft = $navEl.hasClass('left'); + var isTitle = $navEl.hasClass('title'); + var el = { + el: navEl, + }; + if (toLarge) { + if (isTitle) { return; } + if (els.indexOf(el) < 0) { els.push(el); } + + if ($navEl.hasClass('title-large')) { + if (!separateNavbar) { return; } + if (fromLarge) { + el.opacity = 1; + el.overflow = 'visible'; + el.transform = 'translateY(0)'; + $navEl.find('.title-large-text').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + 'transform-origin': transformOrigin, + opacity: function (progress) { return (Math.pow( progress, 3 )); }, + transform: function (progress) { return ("translateY(calc(" + (-1 + progress * 1) + " * var(--f7-navbar-large-title-height))) scale(" + (0.5 + progress * 0.5) + ")"); }, + }); + }); + } else { + el.transform = function (progress) { return ("translateY(calc(" + (progress - 1) + " * var(--f7-navbar-large-title-height)))"); }; + el.opacity = 1; + el.overflow = 'hidden'; + $navEl.find('.title-large-text').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + 'transform-origin': transformOrigin, + opacity: function (progress) { return (Math.pow( progress, 3 )); }, + transform: function (progress) { return ("scale(" + (0.5 + progress * 0.5) + ")"); }, + }); + }); + } + $navEl.find('.title-large-inner').each(function (subIndex, subNavEl) { + els.push({ + el: subNavEl, + 'transform-origin': transformOrigin, + opacity: function (progress) { return (Math.pow( progress, 3 )); }, + transform: function (progress) { return ("translateX(" + (-100 * (1 - progress) * inverter) + "%)"); }, + }); + }); + return; + } + } + if ($navEl.hasClass('title-large')) { return; } + var isSliding = $navEl.hasClass('sliding') || $previousNavbarInner.hasClass('sliding'); + if (els.indexOf(el) < 0) { els.push(el); } + if (!isSubnavbar || (isSubnavbar && !isSliding)) { + el.opacity = function (progress) { return (Math.pow( progress, 3 )); }; + } + if (isSliding) { + var transformTarget = el; + if (isLeft && previousNavBackIconText.length && params.iosAnimateNavbarBackIcon) { + var textEl = { el: activeNavBackIconText[0] }; + transformTarget = textEl; + els.push(textEl); + } + transformTarget.transform = function (progress) { + var previousNavTranslate = transformTarget.el.f7NavbarLeftOffset * (1 - progress); + if (Device.pixelRatio === 1) { previousNavTranslate = Math.round(previousNavTranslate); } + if (isSubnavbar && previousNavIsLarge && separateNavbar) { + return ("translate3d(" + previousNavTranslate + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)"); + } + return ("translate3d(" + previousNavTranslate + "px,0,0)"); + }; + } + }); + return els; + } + + function setAnimatableNavElements(ref) { + if ( ref === void 0 ) ref = {}; + var progress = ref.progress; + var reset = ref.reset; + var transition = ref.transition; + + var styles = ['overflow', 'transform', 'transform-origin', 'opacity']; + for (var i = 0; i < animatableNavEls.length; i += 1) { + var el = animatableNavEls[i]; + if (el && el.el) { + if (transition === true) { el.el.classList.add('navbar-page-transitioning'); } + if (transition === false) { el.el.classList.remove('navbar-page-transitioning'); } + for (var j = 0; j < styles.length; j += 1) { + var styleProp = styles[j]; + if (el[styleProp]) { + if (reset) { + el.el.style[styleProp] = ''; + } else if (typeof el[styleProp] === 'function') { + el.el.style[styleProp] = el[styleProp](progress); + } else { + el.el.style[styleProp] = el[styleProp]; + } + } + } + } + } + } + + function handleTouchStart(e) { + var swipeBackEnabled = params[((app.theme) + "SwipeBack")]; + if (!allowViewTouchMove || !swipeBackEnabled || isTouched || (app.swipeout && app.swipeout.el) || !router.allowPageChange) { return; } + if ($(e.target).closest('.range-slider, .calendar-months').length > 0) { return; } + if ($(e.target).closest('.page-master, .page-master-detail').length > 0 && params.masterDetailBreakpoint > 0 && app.width >= params.masterDetailBreakpoint) { return; } + isMoved = false; + isTouched = true; + isScrolling = undefined; + touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + touchStartTime = Utils.now(); + dynamicNavbar = router.dynamicNavbar; + separateNavbar = router.separateNavbar; + } + function handleTouchMove(e) { + if (!isTouched) { return; } + var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; + if (typeof isScrolling === 'undefined') { + isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)) || (pageX < touchesStart.x && !app.rtl) || (pageX > touchesStart.x && app.rtl); + } + if (isScrolling || e.f7PreventSwipeBack || app.preventSwipeBack) { + isTouched = false; + return; + } + if (!isMoved) { + // Calc values during first move fired + var cancel = false; + var target = $(e.target); + + var swipeout = target.closest('.swipeout'); + if (swipeout.length > 0) { + if (!app.rtl && swipeout.find('.swipeout-actions-left').length > 0) { cancel = true; } + if (app.rtl && swipeout.find('.swipeout-actions-right').length > 0) { cancel = true; } + } + + currentPage = target.closest('.page'); + if (currentPage.hasClass('no-swipeback') || target.closest('.no-swipeback, .card-opened').length > 0) { cancel = true; } + previousPage = $el.find('.page-previous:not(.stacked)'); + + var notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; + viewContainerWidth = $el.width(); + if (app.rtl) { + notFromBorder = touchesStart.x < ($el.offset().left - $el[0].scrollLeft) + (viewContainerWidth - paramsSwipeBackActiveArea); + } else { + notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; + } + if (notFromBorder) { cancel = true; } + if (previousPage.length === 0 || currentPage.length === 0) { cancel = true; } + if (cancel) { + isTouched = false; + return; + } + + if (paramsSwipeBackAnimateShadow) { + pageShadow = currentPage.find('.page-shadow-effect'); + if (pageShadow.length === 0) { + pageShadow = $('

'); + currentPage.append(pageShadow); + } + } + if (paramsSwipeBackAnimateOpacity) { + pageOpacity = previousPage.find('.page-opacity-effect'); + if (pageOpacity.length === 0) { + pageOpacity = $('
'); + previousPage.append(pageOpacity); + } + } + + if (dynamicNavbar) { + if (separateNavbar) { + $currentNavbarInner = $navbarEl.find('.navbar-current:not(.stacked)'); + $previousNavbarInner = $navbarEl.find('.navbar-previous:not(.stacked)'); + } else { + $currentNavbarInner = currentPage.children('.navbar').children('.navbar-inner'); + $previousNavbarInner = previousPage.children('.navbar').children('.navbar-inner'); + } + + animatableNavEls = animatableNavElements($previousNavbarInner, $currentNavbarInner); + } + + // Close/Hide Any Picker + if ($('.sheet.modal-in').length > 0 && app.sheet) { + app.sheet.close($('.sheet.modal-in')); + } + } + e.f7PreventPanelSwipe = true; + isMoved = true; + app.preventSwipePanelBySwipeBack = true; + e.preventDefault(); + + // RTL inverter + var inverter = app.rtl ? -1 : 1; + + // Touches diff + touchesDiff = (pageX - touchesStart.x - paramsSwipeBackThreshold) * inverter; + if (touchesDiff < 0) { touchesDiff = 0; } + var percentage = Math.min(Math.max(touchesDiff / viewContainerWidth, 0), 1); + + // Swipe Back Callback + var callbackData = { + percentage: percentage, + progress: percentage, + currentPageEl: currentPage[0], + previousPageEl: previousPage[0], + currentNavbarEl: $currentNavbarInner[0], + previousNavbarEl: $previousNavbarInner[0], + }; + $el.trigger('swipeback:move', callbackData); + router.emit('swipebackMove', callbackData); + + // Transform pages + var currentPageTranslate = touchesDiff * inverter; + var previousPageTranslate = ((touchesDiff / 5) - (viewContainerWidth / 5)) * inverter; + if (!app.rtl) { + currentPageTranslate = Math.min(currentPageTranslate, viewContainerWidth); + previousPageTranslate = Math.min(previousPageTranslate, 0); + } else { + currentPageTranslate = Math.max(currentPageTranslate, -viewContainerWidth); + previousPageTranslate = Math.max(previousPageTranslate, 0); + } + if (Device.pixelRatio === 1) { + currentPageTranslate = Math.round(currentPageTranslate); + previousPageTranslate = Math.round(previousPageTranslate); + } + + router.swipeBackActive = true; + $([currentPage[0], previousPage[0]]).addClass('page-swipeback-active'); + + currentPage.transform(("translate3d(" + currentPageTranslate + "px,0,0)")); + if (paramsSwipeBackAnimateShadow) { pageShadow[0].style.opacity = 1 - (1 * percentage); } + + if (app.theme !== 'md') { + previousPage.transform(("translate3d(" + previousPageTranslate + "px,0,0)")); + } + if (paramsSwipeBackAnimateOpacity) { pageOpacity[0].style.opacity = 1 - (1 * percentage); } + + // Dynamic Navbars Animation + if (!dynamicNavbar) { return; } + + setAnimatableNavElements({ progress: percentage }); + } + function handleTouchEnd() { + app.preventSwipePanelBySwipeBack = false; + if (!isTouched || !isMoved) { + isTouched = false; + isMoved = false; + return; + } + isTouched = false; + isMoved = false; + router.swipeBackActive = false; + $([currentPage[0], previousPage[0]]).removeClass('page-swipeback-active'); + if (touchesDiff === 0) { + $([currentPage[0], previousPage[0]]).transform(''); + if (pageShadow && pageShadow.length > 0) { pageShadow.remove(); } + if (pageOpacity && pageOpacity.length > 0) { pageOpacity.remove(); } + if (dynamicNavbar) { + setAnimatableNavElements({ reset: true }); + } + return; + } + var timeDiff = Utils.now() - touchStartTime; + var pageChanged = false; + // Swipe back to previous page + if ( + (timeDiff < 300 && touchesDiff > 10) + || (timeDiff >= 300 && touchesDiff > viewContainerWidth / 2) + ) { + currentPage.removeClass('page-current').addClass(("page-next" + (app.theme === 'md' ? ' page-next-on-right' : ''))); + previousPage.removeClass('page-previous').addClass('page-current').removeAttr('aria-hidden'); + if (pageShadow) { pageShadow[0].style.opacity = ''; } + if (pageOpacity) { pageOpacity[0].style.opacity = ''; } + if (dynamicNavbar) { + $currentNavbarInner.removeClass('navbar-current').addClass('navbar-next'); + $previousNavbarInner.removeClass('navbar-previous').addClass('navbar-current').removeAttr('aria-hidden'); + } + pageChanged = true; + } + // Reset custom styles + // Add transitioning class for transition-duration + $([currentPage[0], previousPage[0]]).addClass('page-transitioning page-transitioning-swipeback').transform(''); + + if (dynamicNavbar) { + setAnimatableNavElements({ progress: pageChanged ? 1 : 0, transition: true }); + } + allowViewTouchMove = false; + router.allowPageChange = false; + + // Swipe Back Callback + var callbackData = { + currentPageEl: currentPage[0], + previousPageEl: previousPage[0], + currentNavbarEl: $currentNavbarInner[0], + previousNavbarEl: $previousNavbarInner[0], + }; + + if (pageChanged) { + // Update Route + router.currentRoute = previousPage[0].f7Page.route; + router.currentPage = previousPage[0]; + + // Page before animation callback + router.pageCallback('beforeOut', currentPage, $currentNavbarInner, 'current', 'next', { route: currentPage[0].f7Page.route, swipeBack: true }); + router.pageCallback('beforeIn', previousPage, $previousNavbarInner, 'previous', 'current', { route: previousPage[0].f7Page.route, swipeBack: true }); + + $el.trigger('swipeback:beforechange', callbackData); + router.emit('swipebackBeforeChange', callbackData); + } else { + $el.trigger('swipeback:beforereset', callbackData); + router.emit('swipebackBeforeReset', callbackData); + } + + currentPage.transitionEnd(function () { + $([currentPage[0], previousPage[0]]).removeClass('page-transitioning page-transitioning-swipeback'); + if (dynamicNavbar) { + setAnimatableNavElements({ reset: true, transition: false }); + } + allowViewTouchMove = true; + router.allowPageChange = true; + if (pageChanged) { + // Update History + if (router.history.length === 1) { + router.history.unshift(router.url); + } + router.history.pop(); + router.saveHistory(); + + // Update push state + if (params.pushState) { + History.back(); + } + + // Page after animation callback + router.pageCallback('afterOut', currentPage, $currentNavbarInner, 'current', 'next', { route: currentPage[0].f7Page.route, swipeBack: true }); + router.pageCallback('afterIn', previousPage, $previousNavbarInner, 'previous', 'current', { route: previousPage[0].f7Page.route, swipeBack: true }); + + // Remove Old Page + if (params.stackPages && router.initialPages.indexOf(currentPage[0]) >= 0) { + currentPage.addClass('stacked'); + if (separateNavbar) { + $currentNavbarInner.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', currentPage, $currentNavbarInner, 'next', { swipeBack: true }); + router.removePage(currentPage); + if (separateNavbar) { + router.removeNavbar($currentNavbarInner); + } + } + + $el.trigger('swipeback:afterchange', callbackData); + router.emit('swipebackAfterChange', callbackData); + + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + if (params.preloadPreviousPage) { + router.back(router.history[router.history.length - 2], { preload: true }); + } + } else { + $el.trigger('swipeback:afterreset', callbackData); + router.emit('swipebackAfterReset', callbackData); + } + if (pageShadow && pageShadow.length > 0) { pageShadow.remove(); } + if (pageOpacity && pageOpacity.length > 0) { pageOpacity.remove(); } + }); + } + + function attachEvents() { + var passiveListener = (app.touchEvents.start === 'touchstart' && Support.passiveListener) ? { passive: true, capture: false } : false; + $el.on(app.touchEvents.start, handleTouchStart, passiveListener); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + } + function detachEvents() { + var passiveListener = (app.touchEvents.start === 'touchstart' && Support.passiveListener) ? { passive: true, capture: false } : false; + $el.off(app.touchEvents.start, handleTouchStart, passiveListener); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + } + + attachEvents(); + + router.on('routerDestroy', detachEvents); + } + + function redirect (direction, route, options) { + var router = this; + var redirect = route.route.redirect; + if (options.initial && router.params.pushState) { + options.replaceState = true; // eslint-disable-line + options.history = true; // eslint-disable-line + } + function redirectResolve(redirectUrl, redirectOptions) { + if ( redirectOptions === void 0 ) redirectOptions = {}; + + router.allowPageChange = true; + router[direction](redirectUrl, Utils.extend({}, options, redirectOptions)); + } + function redirectReject() { + router.allowPageChange = true; + } + if (typeof redirect === 'function') { + router.allowPageChange = false; + var redirectUrl = redirect.call(router, route, redirectResolve, redirectReject); + if (redirectUrl && typeof redirectUrl === 'string') { + router.allowPageChange = true; + return router[direction](redirectUrl, options); + } + return router; + } + return router[direction](redirect, options); + } + + function processQueue(router, routerQueue, routeQueue, to, from, resolve, reject) { + var queue = []; + + if (Array.isArray(routeQueue)) { + queue.push.apply(queue, routeQueue); + } else if (routeQueue && typeof routeQueue === 'function') { + queue.push(routeQueue); + } + if (routerQueue) { + if (Array.isArray(routerQueue)) { + queue.push.apply(queue, routerQueue); + } else { + queue.push(routerQueue); + } + } + + function next() { + if (queue.length === 0) { + resolve(); + return; + } + var queueItem = queue.shift(); + + queueItem.call( + router, + to, + from, + function () { + next(); + }, + function () { + reject(); + } + ); + } + next(); + } + + function processRouteQueue (to, from, resolve, reject) { + var router = this; + function enterNextRoute() { + if (to && to.route && (router.params.routesBeforeEnter || to.route.beforeEnter)) { + router.allowPageChange = false; + processQueue( + router, + router.params.routesBeforeEnter, + to.route.beforeEnter, + to, + from, + function () { + router.allowPageChange = true; + resolve(); + }, + function () { + reject(); + } + ); + } else { + resolve(); + } + } + function leaveCurrentRoute() { + if (from && from.route && (router.params.routesBeforeLeave || from.route.beforeLeave)) { + router.allowPageChange = false; + processQueue( + router, + router.params.routesBeforeLeave, + from.route.beforeLeave, + to, + from, + function () { + router.allowPageChange = true; + enterNextRoute(); + }, + function () { + reject(); + } + ); + } else { + enterNextRoute(); + } + } + leaveCurrentRoute(); + } + + function appRouterCheck (router, method) { + if (!router.view) { + throw new Error(("Framework7: it is not allowed to use router methods on global app router. Use router methods only on related View, e.g. app.views.main.router." + method + "(...)")); + } + } + + function refreshPage() { + var router = this; + appRouterCheck(router, 'refreshPage'); + return router.navigate(router.currentRoute.url, { + ignoreCache: true, + reloadCurrent: true, + }); + } + + function forward(el, forwardOptions) { + if ( forwardOptions === void 0 ) forwardOptions = {}; + + var router = this; + var $el = $(el); + var app = router.app; + var view = router.view; + var options = Utils.extend(false, { + animate: router.params.animate, + pushState: true, + replaceState: false, + history: true, + reloadCurrent: router.params.reloadPages, + reloadPrevious: false, + reloadAll: false, + clearPreviousHistory: false, + reloadDetail: router.params.reloadDetail, + on: {}, + }, forwardOptions); + + var masterDetailEnabled = router.params.masterDetailBreakpoint > 0; + var isMaster = masterDetailEnabled && options.route && options.route.route && options.route.route.master === true; + var masterPageEl; + var otherDetailPageEl; + + var currentRouteIsModal = router.currentRoute.modal; + var modalType; + if (!currentRouteIsModal) { + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (router.currentRoute && router.currentRoute.route && router.currentRoute.route[modalLoadProp]) { + currentRouteIsModal = true; + modalType = modalLoadProp; + } + }); + } + + if (currentRouteIsModal) { + var modalToClose = router.currentRoute.modal + || router.currentRoute.route.modalInstance + || app[modalType].get(); + var previousUrl = router.history[router.history.length - 2]; + var previousRoute = router.findMatchingRoute(previousUrl); + if (!previousRoute && previousUrl) { + previousRoute = { + url: previousUrl, + path: previousUrl.split('?')[0], + query: Utils.parseUrlQuery(previousUrl), + route: { + path: previousUrl.split('?')[0], + url: previousUrl, + }, + }; + } + + router.modalRemove(modalToClose); + } + + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + + var $viewEl = router.$el; + var $newPage = $el; + var reload = options.reloadPrevious || options.reloadCurrent || options.reloadAll; + var $oldPage; + + var $navbarEl; + var $newNavbarInner; + var $oldNavbarInner; + + router.allowPageChange = false; + if ($newPage.length === 0) { + router.allowPageChange = true; + return router; + } + + if ($newPage.length) { + // Remove theme elements + router.removeThemeElements($newPage); + } + + if (dynamicNavbar) { + $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); + if (separateNavbar) { + $navbarEl = router.$navbarEl; + if ($newNavbarInner.length > 0) { + $newPage.children('.navbar').remove(); + } + if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + // Try from pageData + $newNavbarInner = $newPage[0].f7Page.$navbarEl; + } + } + } + + // Save Keep Alive Cache + if (options.route && options.route.route && options.route.route.keepAlive && !options.route.route.keepAliveData) { + options.route.route.keepAliveData = { + pageEl: $el[0], + }; + } + + // Pages In View + var $pagesInView = $viewEl + .children('.page:not(.stacked)') + .filter(function (index, pageInView) { return pageInView !== $newPage[0]; }); + + // Navbars In View + var $navbarsInView; + if (separateNavbar) { + $navbarsInView = $navbarEl + .children('.navbar-inner:not(.stacked)') + .filter(function (index, navbarInView) { return navbarInView !== $newNavbarInner[0]; }); + } + + // Exit when reload previous and only 1 page in view so nothing ro reload + if (options.reloadPrevious && $pagesInView.length < 2) { + router.allowPageChange = true; + return router; + } + + // Find Detail' master page + var isDetail; + var reloadDetail; + if (masterDetailEnabled && !options.reloadAll) { + for (var i = 0; i < $pagesInView.length; i += 1) { + if (!masterPageEl + && $pagesInView[i].classList.contains('page-master') + ) { + masterPageEl = $pagesInView[i]; + continue; // eslint-disable-line + } + } + isDetail = !isMaster && masterPageEl; + + if (isDetail) { + // Find Other Detail + if (masterPageEl) { + for (var i$1 = 0; i$1 < $pagesInView.length; i$1 += 1) { + if ($pagesInView[i$1].classList.contains('page-master-detail') + ) { + otherDetailPageEl = $pagesInView[i$1]; + continue; // eslint-disable-line + } + } + } + } + reloadDetail = isDetail && options.reloadDetail && app.width >= router.params.masterDetailBreakpoint && masterPageEl; + } + + // New Page + var newPagePosition = 'next'; + if (options.reloadCurrent || options.reloadAll || reloadDetail) { + newPagePosition = 'current'; + } else if (options.reloadPrevious) { + newPagePosition = 'previous'; + } + $newPage + .addClass(("page-" + newPagePosition + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : ''))) + .removeClass('stacked') + .trigger('page:unstack') + .trigger('page:position', { position: newPagePosition }); + if (isMaster || isDetail) { + $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); + } + + + if (dynamicNavbar && $newNavbarInner.length) { + $newNavbarInner + .addClass(("navbar-" + newPagePosition + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : ''))) + .removeClass('stacked'); + } + + // Find Old Page + if (options.reloadCurrent || reloadDetail) { + $oldPage = $pagesInView.eq($pagesInView.length - 1); + if (separateNavbar) { + // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 1); + $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + } + } else if (options.reloadPrevious) { + $oldPage = $pagesInView.eq($pagesInView.length - 2); + if (separateNavbar) { + // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 2); + $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + } + } else if (options.reloadAll) { + $oldPage = $pagesInView.filter(function (index, pageEl) { return pageEl !== $newPage[0]; }); + if (separateNavbar) { + $oldNavbarInner = $navbarsInView.filter(function (index, navbarEl) { return navbarEl !== $newNavbarInner[0]; }); + } + } else { + if ($pagesInView.length > 1) { + var i$2 = 0; + for (i$2 = 0; i$2 < $pagesInView.length - 1; i$2 += 1) { + if (masterPageEl + && $pagesInView[i$2] === masterPageEl + ) { + $pagesInView.eq(i$2).addClass('page-master-stacked'); + $pagesInView.eq(i$2).trigger('page:masterstack'); + if (separateNavbar) { + $(app.navbar.getElByPage(masterPageEl)).addClass('navbar-master-stacked'); + } + continue; // eslint-disable-line + } + var oldNavbarInnerEl = app.navbar.getElByPage($pagesInView.eq(i$2)); + if (router.params.stackPages) { + $pagesInView.eq(i$2).addClass('stacked'); + $pagesInView.eq(i$2).trigger('page:stack'); + if (separateNavbar) { + $(oldNavbarInnerEl).addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $pagesInView[i$2], $navbarsInView && $navbarsInView[i$2], 'previous', undefined, options); + router.removePage($pagesInView[i$2]); + if (separateNavbar && oldNavbarInnerEl) { + router.removeNavbar(oldNavbarInnerEl); + } + } + } + } + $oldPage = $viewEl + .children('.page:not(.stacked)') + .filter(function (index, page) { return page !== $newPage[0]; }); + if (separateNavbar) { + $oldNavbarInner = $navbarEl + .children('.navbar-inner:not(.stacked)') + .filter(function (index, navbarInner) { return navbarInner !== $newNavbarInner[0]; }); + } + } + + if (dynamicNavbar && !separateNavbar) { + $oldNavbarInner = $oldPage.children('.navbar').children('.navbar-inner'); + } + if (isDetail && !options.reloadAll) { + if ($oldPage.length > 1 || reloadDetail) { + $oldPage = $oldPage.filter(function (pageIndex, pageEl) { return !pageEl.classList.contains('page-master'); }); + } + if ($oldNavbarInner && ($oldNavbarInner.length > 1 || reloadDetail)) { + $oldNavbarInner = $oldNavbarInner.filter(function (navbarIndex, navbarEl) { return !navbarEl.classList.contains('navbar-master'); }); + } + } + + // Push State + if (router.params.pushState && (options.pushState || options.replaceState) && !options.reloadPrevious) { + var pushStateRoot = router.params.pushStateRoot || ''; + History[options.reloadCurrent || (reloadDetail && otherDetailPageEl) || options.reloadAll || options.replaceState ? 'replace' : 'push']( + view.id, + { + url: options.route.url, + }, + pushStateRoot + router.params.pushStateSeparator + options.route.url + ); + } + + if (!options.reloadPrevious) { + // Current Page & Navbar + router.currentPageEl = $newPage[0]; + if (dynamicNavbar && $newNavbarInner.length) { + router.currentNavbarEl = $newNavbarInner[0]; + } else { + delete router.currentNavbarEl; + } + + // Current Route + router.currentRoute = options.route; + } + + // Update router history + var url = options.route.url; + + if (options.history) { + if (((options.reloadCurrent || (reloadDetail && otherDetailPageEl)) && router.history.length) > 0 || options.replaceState) { + router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url; + } else if (options.reloadPrevious) { + router.history[router.history.length - 2] = url; + } else if (options.reloadAll) { + router.history = [url]; + } else { + router.history.push(url); + } + } + router.saveHistory(); + + // Insert new page and navbar + var newPageInDom = $newPage.parents(doc).length > 0; + var f7Component = $newPage[0].f7Component; + if (options.reloadPrevious) { + if (f7Component && !newPageInDom) { + f7Component.$mount(function (componentEl) { + $(componentEl).insertBefore($oldPage); + }); + } else { + $newPage.insertBefore($oldPage); + } + if (separateNavbar && $newNavbarInner.length) { + if ($newNavbarInner.children('.title-large').length) { + $newNavbarInner.addClass('navbar-inner-large'); + } + if ($oldNavbarInner.length) { + $newNavbarInner.insertBefore($oldNavbarInner); + } else { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner); + } + } + } else { + if ($oldPage.next('.page')[0] !== $newPage[0]) { + if (f7Component && !newPageInDom) { + f7Component.$mount(function (componentEl) { + $viewEl.append(componentEl); + }); + } else { + $viewEl.append($newPage[0]); + } + } + if (separateNavbar && $newNavbarInner.length) { + if ($newNavbarInner.children('.title-large').length) { + $newNavbarInner.addClass('navbar-inner-large'); + } + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner[0]); + } + } + if (!newPageInDom) { + router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { + $newPage[0].f7PageMounted = true; + router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + } + + // Remove old page + if ((options.reloadCurrent || reloadDetail) && $oldPage.length > 0) { + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } else if (options.reloadAll) { + $oldPage.each(function (index, pageEl) { + var $oldPageEl = $(pageEl); + var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { + $oldPageEl.addClass('stacked'); + $oldPageEl.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInnerEl.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInner && $oldNavbarInner.eq(index), 'previous', undefined, options); + router.removePage($oldPageEl); + if (separateNavbar && $oldNavbarInnerEl.length) { + router.removeNavbar($oldNavbarInnerEl); + } + } + }); + } else if (options.reloadPrevious) { + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } + + // Load Tab + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + })); + } + + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + + if (options.reloadCurrent || options.reloadAll || reloadDetail) { + router.allowPageChange = true; + router.pageCallback('beforeIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + router.pageCallback('afterIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + if (options.reloadCurrent && options.clearPreviousHistory) { router.clearPreviousHistory(); } + if (reloadDetail) { + masterPageEl.classList.add('page-previous'); + masterPageEl.classList.remove('page-current'); + $(masterPageEl).trigger('page:position', { position: 'previous' }); + if (masterPageEl.f7Page && masterPageEl.f7Page.navbarEl) { + masterPageEl.f7Page.navbarEl.classList.add('navbar-previous'); + masterPageEl.f7Page.navbarEl.classList.remove('navbar-current'); + } + } + return router; + } + if (options.reloadPrevious) { + router.allowPageChange = true; + return router; + } + + // Before animation event + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + + // Animation + function afterAnimation() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $newPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden').trigger('page:position', { position: 'current' }); + $oldPage.removeClass(pageClasses).addClass('page-previous').trigger('page:position', { position: 'previous' }); + if (!$oldPage.hasClass('page-master')) { + $oldPage.attr('aria-hidden', 'true'); + } + if (dynamicNavbar) { + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-previous'); + if (!$oldNavbarInner.hasClass('navbar-master')) { + $oldNavbarInner.attr('aria-hidden', 'true'); + } + } + // After animation event + router.allowPageChange = true; + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + + var keepOldPage = (router.params.preloadPreviousPage || (app.theme === 'ios' ? router.params.iosSwipeBack : router.params.mdSwipeBack)) && !isMaster; + if (!keepOldPage) { + if ($newPage.hasClass('smart-select-page') || $newPage.hasClass('photo-browser-page') || $newPage.hasClass('autocomplete-page')) { + keepOldPage = true; + } + } + if (!keepOldPage) { + if (router.params.stackPages) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else if (!($newPage.attr('data-name') && $newPage.attr('data-name') === 'smart-select-page')) { + // Remove event + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + } + if (options.clearPreviousHistory) { router.clearPreviousHistory(); } + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + if (router.params.pushState) { + History.clearRouterQueue(); + } + } + function setPositionClasses() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $oldPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden').trigger('page:position', { position: 'current' }); + $newPage.removeClass(pageClasses).addClass('page-next').removeAttr('aria-hidden').trigger('page:position', { position: 'next' }); + if (dynamicNavbar) { + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-next').removeAttr('aria-hidden'); + } + } + if (options.animate && !(isMaster && app.width >= router.params.masterDetailBreakpoint)) { + var delay = router.app.theme === 'md' ? router.params.mdPageLoadDelay : router.params.iosPageLoadDelay; + if (delay) { + setTimeout(function () { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + afterAnimation(); + }); + }, delay); + } else { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + afterAnimation(); + }); + } + } else { + afterAnimation(); + } + return router; + } + function load(loadParams, loadOptions, ignorePageChange) { + if ( loadParams === void 0 ) loadParams = {}; + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + if (!router.allowPageChange && !ignorePageChange) { return router; } + var params = loadParams; + var options = loadOptions; + var url = params.url; + var content = params.content; + var el = params.el; + var pageName = params.pageName; + var template = params.template; + var templateUrl = params.templateUrl; + var component = params.component; + var componentUrl = params.componentUrl; + + if (!options.reloadCurrent + && options.route + && options.route.route + && options.route.route.parentPath + && router.currentRoute.route + && router.currentRoute.route.parentPath === options.route.route.parentPath) { + // Do something nested + if (options.route.url === router.url) { + router.allowPageChange = true; + return false; + } + // Check for same params + var sameParams = Object.keys(options.route.params).length === Object.keys(router.currentRoute.params).length; + if (sameParams) { + // Check for equal params name + Object.keys(options.route.params).forEach(function (paramName) { + if ( + !(paramName in router.currentRoute.params) + || (router.currentRoute.params[paramName] !== options.route.params[paramName]) + ) { + sameParams = false; + } + }); + } + if (sameParams) { + if (options.route.route.tab) { + return router.tabLoad(options.route.route.tab, options); + } + return false; + } + } + + if ( + options.route + && options.route.url + && router.url === options.route.url + && !(options.reloadCurrent || options.reloadPrevious) + && !router.params.allowDuplicateUrls + ) { + router.allowPageChange = true; + return false; + } + + if (!options.route && url) { + options.route = router.parseRouteUrl(url); + Utils.extend(options.route, { route: { url: url, path: url } }); + } + + // Component Callbacks + function resolve(pageEl, newOptions) { + return router.forward(pageEl, Utils.extend(options, newOptions)); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (url || templateUrl || componentUrl) { + router.allowPageChange = false; + } + + // Proceed + if (content) { + router.forward(router.getPageEl(content), options); + } else if (template || templateUrl) { + // Parse template and send page element + try { + router.pageTemplateLoader(template, templateUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + // Load page from specified HTMLElement or by page name in pages container + router.forward(router.getPageEl(el), options); + } else if (pageName) { + // Load page by page name in pages container + router.forward(router.$el.children((".page[data-name=\"" + pageName + "\"]")).eq(0), options); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.pageComponentLoader(router.el, component, componentUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, options) + .then(function (pageContent) { + router.forward(router.getPageEl(pageContent), options); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + return router; + } + function navigate(navigateParams, navigateOptions) { + if ( navigateOptions === void 0 ) navigateOptions = {}; + + var router = this; + if (router.swipeBackActive) { return router; } + var url; + var createRoute; + var name; + var query; + var params; + var route; + if (typeof navigateParams === 'string') { + url = navigateParams; + } else { + url = navigateParams.url; + createRoute = navigateParams.route; + name = navigateParams.name; + query = navigateParams.query; + params = navigateParams.params; + } + if (name) { + // find route by name + route = router.findRouteByKey('name', name); + if (!route) { + throw new Error(("Framework7: route with name \"" + name + "\" not found")); + } + url = router.constructRouteUrl(route, { params: params, query: query }); + if (url) { + return router.navigate(url, navigateOptions); + } + throw new Error(("Framework7: can't construct URL for route with name \"" + name + "\"")); + } + var app = router.app; + appRouterCheck(router, 'navigate'); + if (url === '#' || url === '') { + return router; + } + + var navigateUrl = url.replace('./', ''); + if (navigateUrl[0] !== '/' && navigateUrl.indexOf('#') !== 0) { + var currentPath = router.currentRoute.parentPath || router.currentRoute.path; + navigateUrl = ((currentPath ? (currentPath + "/") : '/') + navigateUrl) + .replace('///', '/') + .replace('//', '/'); + } + if (createRoute) { + route = Utils.extend(router.parseRouteUrl(navigateUrl), { + route: Utils.extend({}, createRoute), + }); + } else { + route = router.findMatchingRoute(navigateUrl); + } + + if (!route) { + return router; + } + + if (route.route.redirect) { + return redirect.call(router, 'navigate', route, navigateOptions); + } + + + var options = {}; + if (route.route.options) { + Utils.extend(options, route.route.options, navigateOptions); + } else { + Utils.extend(options, navigateOptions); + } + options.route = route; + + if (options && options.context) { + route.context = options.context; + options.route.context = options.context; + } + + function resolve() { + var routerLoaded = false; + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (route.route[modalLoadProp] && !routerLoaded) { + routerLoaded = true; + router.modalLoad(modalLoadProp, route, options); + } + }); + if (route.route.keepAlive && route.route.keepAliveData) { + router.load({ el: route.route.keepAliveData.pageEl }, options, false); + routerLoaded = true; + } + ('url content component pageName el componentUrl template templateUrl').split(' ').forEach(function (pageLoadProp) { + var obj; + + if (route.route[pageLoadProp] && !routerLoaded) { + routerLoaded = true; + router.load(( obj = {}, obj[pageLoadProp] = route.route[pageLoadProp], obj ), options, false); + } + }); + if (routerLoaded) { return; } + // Async + function asyncResolve(resolveParams, resolveOptions) { + router.allowPageChange = false; + var resolvedAsModal = false; + if (resolveOptions && resolveOptions.context) { + if (!route.context) { route.context = resolveOptions.context; } + else { route.context = Utils.extend({}, route.context, resolveOptions.context); } + options.route.context = route.context; + } + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (resolveParams[modalLoadProp]) { + resolvedAsModal = true; + var modalRoute = Utils.extend({}, route, { route: resolveParams }); + router.allowPageChange = true; + router.modalLoad(modalLoadProp, modalRoute, Utils.extend(options, resolveOptions)); + } + }); + if (resolvedAsModal) { return; } + router.load(resolveParams, Utils.extend(options, resolveOptions), true); + } + function asyncReject() { + router.allowPageChange = true; + } + if (route.route.async) { + router.allowPageChange = false; + + route.route.async.call(router, options.route, router.currentRoute, asyncResolve, asyncReject); + } + } + function reject() { + router.allowPageChange = true; + } + + if (router.params.masterDetailBreakpoint > 0 && route.route.masterRoute) { + // load detail route + var preloadMaster = true; + if (router.currentRoute && router.currentRoute.route) { + if (router.currentRoute.route.master && (router.currentRoute.route === route.route.masterRoute || router.currentRoute.route.path === route.route.masterRoute.path)) { + preloadMaster = false; + } + if (router.currentRoute.route.masterRoute && ((router.currentRoute.route.masterRoute === route.route.masterRoute) || (router.currentRoute.route.masterRoute.path === route.route.masterRoute.path))) { + preloadMaster = false; + } + } + if (preloadMaster) { + router.navigate(route.route.masterRoute.path, { + animate: false, + reloadAll: navigateOptions.reloadAll, + reloadCurrent: navigateOptions.reloadCurrent, + reloadPrevious: navigateOptions.reloadPrevious, + once: { + pageAfterIn: function pageAfterIn() { + router.navigate(navigateParams, Utils.extend({}, navigateOptions, { + animate: false, + reloadAll: false, + reloadCurrent: false, + reloadPrevious: false, + })); + }, + }, + }); + return router; + } + } + + processRouteQueue.call( + router, + route, + router.currentRoute, + function () { + if (route.route.modules) { + app + .loadModules(Array.isArray(route.route.modules) ? route.route.modules : [route.route.modules]) + .then(function () { + resolve(); + }) + .catch(function () { + reject(); + }); + } else { + resolve(); + } + }, + function () { + reject(); + } + ); + + // Return Router + return router; + } + + function tabLoad(tabRoute, loadOptions) { + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + history: true, + parentPageEl: null, + preload: false, + on: {}, + }, loadOptions); + + var currentRoute; + var previousRoute; + if (options.route) { + // Set Route + if (!options.preload && options.route !== router.currentRoute) { + previousRoute = router.previousRoute; + router.currentRoute = options.route; + } + if (options.preload) { + currentRoute = options.route; + previousRoute = router.currentRoute; + } else { + currentRoute = router.currentRoute; + if (!previousRoute) { previousRoute = router.previousRoute; } + } + + // Update Browser History + if (router.params.pushState && options.pushState && !options.reloadPrevious) { + History.replace( + router.view.id, + { + url: options.route.url, + }, + (router.params.pushStateRoot || '') + router.params.pushStateSeparator + options.route.url + ); + } + + // Update Router History + if (options.history) { + router.history[Math.max(router.history.length - 1, 0)] = options.route.url; + router.saveHistory(); + } + } + + // Show Tab + var $parentPageEl = $(options.parentPageEl || router.currentPageEl); + var tabEl; + if ($parentPageEl.length && $parentPageEl.find(("#" + (tabRoute.id))).length) { + tabEl = $parentPageEl.find(("#" + (tabRoute.id))).eq(0); + } else if (router.view.selector) { + tabEl = (router.view.selector) + " #" + (tabRoute.id); + } else { + tabEl = "#" + (tabRoute.id); + } + var tabShowResult = router.app.tab.show({ + tabEl: tabEl, + animate: options.animate, + tabRoute: options.route, + }); + + var $newTabEl = tabShowResult.$newTabEl; + var $oldTabEl = tabShowResult.$oldTabEl; + var animated = tabShowResult.animated; + var onTabsChanged = tabShowResult.onTabsChanged; + + if ($newTabEl && $newTabEl.parents('.page').length > 0 && options.route) { + var tabParentPageData = $newTabEl.parents('.page')[0].f7Page; + if (tabParentPageData && options.route) { + tabParentPageData.route = options.route; + } + } + + // Tab Content Loaded + function onTabLoaded(contentEl) { + // Remove theme elements + router.removeThemeElements($newTabEl); + + var tabEventTarget = $newTabEl; + if (typeof contentEl !== 'string') { tabEventTarget = $(contentEl); } + + tabEventTarget.trigger('tab:init tab:mounted', tabRoute); + router.emit('tabInit tabMounted', $newTabEl[0], tabRoute); + + if ($oldTabEl && $oldTabEl.length) { + if (animated) { + onTabsChanged(function () { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + if (router.params.unloadTabContent) { + router.tabRemove($oldTabEl, $newTabEl, tabRoute); + } + }); + } else { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + if (router.params.unloadTabContent) { + router.tabRemove($oldTabEl, $newTabEl, tabRoute); + } + } + } + } + + if ($newTabEl[0].f7RouterTabLoaded) { + if (!$oldTabEl || !$oldTabEl.length) { return router; } + if (animated) { + onTabsChanged(function () { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + }); + } else { + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + } + return router; + } + + // Load Tab Content + function loadTab(loadTabParams, loadTabOptions) { + // Load Tab Props + var url = loadTabParams.url; + var content = loadTabParams.content; + var el = loadTabParams.el; + var template = loadTabParams.template; + var templateUrl = loadTabParams.templateUrl; + var component = loadTabParams.component; + var componentUrl = loadTabParams.componentUrl; + // Component/Template Callbacks + function resolve(contentEl) { + router.allowPageChange = true; + if (!contentEl) { return; } + if (typeof contentEl === 'string') { + $newTabEl.html(contentEl); + } else { + $newTabEl.html(''); + if (contentEl.f7Component) { + contentEl.f7Component.$mount(function (componentEl) { + $newTabEl.append(componentEl); + }); + } else { + $newTabEl.append(contentEl); + } + } + $newTabEl[0].f7RouterTabLoaded = true; + onTabLoaded(contentEl); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (content) { + resolve(content); + } else if (template || templateUrl) { + try { + router.tabTemplateLoader(template, templateUrl, loadTabOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + resolve(el); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.tabComponentLoader($newTabEl[0], component, componentUrl, loadTabOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, loadTabOptions) + .then(function (tabContent) { + resolve(tabContent); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + } + + var hasContentLoadProp; + ('url content component el componentUrl template templateUrl').split(' ').forEach(function (tabLoadProp) { + var obj; + + if (tabRoute[tabLoadProp]) { + hasContentLoadProp = true; + loadTab(( obj = {}, obj[tabLoadProp] = tabRoute[tabLoadProp], obj ), options); + } + }); + + // Async + function asyncResolve(resolveParams, resolveOptions) { + loadTab(resolveParams, Utils.extend(options, resolveOptions)); + } + function asyncReject() { + router.allowPageChange = true; + } + if (tabRoute.async) { + tabRoute.async.call(router, currentRoute, previousRoute, asyncResolve, asyncReject); + } else if (!hasContentLoadProp) { + router.allowPageChange = true; + } + + return router; + } + function tabRemove($oldTabEl, $newTabEl, tabRoute) { + var router = this; + + var hasTabComponentChild; + if ($oldTabEl[0]) { + $oldTabEl[0].f7RouterTabLoaded = false; + delete $oldTabEl[0].f7RouterTabLoaded; + } + $oldTabEl.children().each(function (index, tabChild) { + if (tabChild.f7Component) { + hasTabComponentChild = true; + $(tabChild).trigger('tab:beforeremove', tabRoute); + tabChild.f7Component.$destroy(); + } + }); + if (!hasTabComponentChild) { + $oldTabEl.trigger('tab:beforeremove', tabRoute); + } + router.emit('tabBeforeRemove', $oldTabEl[0], $newTabEl[0], tabRoute); + router.removeTabContent($oldTabEl[0], tabRoute); + } + + function modalLoad(modalType, route, loadOptions) { + if ( loadOptions === void 0 ) loadOptions = {}; + + var router = this; + var app = router.app; + var isPanel = modalType === 'panel'; + var modalOrPanel = isPanel ? 'panel' : 'modal'; + + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + history: true, + on: {}, + }, loadOptions); + + var modalParams = Utils.extend({}, route.route[modalType]); + var modalRoute = route.route; + + function onModalLoaded() { + // Create Modal + var modal = app[modalType].create(modalParams); + modalRoute.modalInstance = modal; + + var hasEl = modal.el; + + function closeOnSwipeBack() { + modal.close(); + } + modal.on((modalOrPanel + "Open"), function () { + if (!hasEl) { + // Remove theme elements + router.removeThemeElements(modal.el); + + // Emit events + modal.$el.trigger(((modalType.toLowerCase()) + ":init " + (modalType.toLowerCase()) + ":mounted"), route, modal); + router.emit(((!isPanel ? 'modalInit' : '') + " " + modalType + "Init " + modalType + "Mounted"), modal.el, route, modal); + } + router.once('swipeBackMove', closeOnSwipeBack); + }); + modal.on((modalOrPanel + "Close"), function () { + router.off('swipeBackMove', closeOnSwipeBack); + if (!modal.closeByRouter) { + router.back(); + } + }); + + modal.on((modalOrPanel + "Closed"), function () { + modal.$el.trigger(((modalType.toLowerCase()) + ":beforeremove"), route, modal); + modal.emit(("" + (!isPanel ? 'modalBeforeRemove ' : '') + modalType + "BeforeRemove"), modal.el, route, modal); + var modalComponent = modal.el.f7Component; + if (modalComponent) { + modalComponent.$destroy(); + } + Utils.nextTick(function () { + if (modalComponent || modalParams.component) { + router.removeModal(modal.el); + } + modal.destroy(); + delete modal.route; + delete modalRoute.modalInstance; + }); + }); + + if (options.route) { + // Update Browser History + if (router.params.pushState && options.pushState) { + History.push( + router.view.id, + { + url: options.route.url, + modal: modalType, + }, + (router.params.pushStateRoot || '') + router.params.pushStateSeparator + options.route.url + ); + } + + // Set Route + if (options.route !== router.currentRoute) { + modal.route = Utils.extend(options.route, { modal: modal }); + router.currentRoute = modal.route; + } + + // Update Router History + if (options.history) { + router.history.push(options.route.url); + router.saveHistory(); + } + } + + if (hasEl) { + // Remove theme elements + router.removeThemeElements(modal.el); + + // Emit events + modal.$el.trigger(((modalType.toLowerCase()) + ":init " + (modalType.toLowerCase()) + ":mounted"), route, modal); + router.emit((modalOrPanel + "Init " + modalType + "Init " + modalType + "Mounted"), modal.el, route, modal); + } + + // Open + modal.open(); + } + + // Load Modal Content + function loadModal(loadModalParams, loadModalOptions) { + // Load Modal Props + var url = loadModalParams.url; + var content = loadModalParams.content; + var template = loadModalParams.template; + var templateUrl = loadModalParams.templateUrl; + var component = loadModalParams.component; + var componentUrl = loadModalParams.componentUrl; + + // Component/Template Callbacks + function resolve(contentEl) { + if (contentEl) { + if (typeof contentEl === 'string') { + modalParams.content = contentEl; + } else if (contentEl.f7Component) { + contentEl.f7Component.$mount(function (componentEl) { + modalParams.el = componentEl; + app.root.append(componentEl); + }); + } else { + modalParams.el = contentEl; + } + onModalLoaded(); + } + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (content) { + resolve(content); + } else if (template || templateUrl) { + try { + router.modalTemplateLoader(template, templateUrl, loadModalOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.modalComponentLoader(app.root[0], component, componentUrl, loadModalOptions, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, loadModalOptions) + .then(function (modalContent) { + modalParams.content = modalContent; + onModalLoaded(); + }) + .catch(function () { + router.allowPageChange = true; + }); + } else { + onModalLoaded(); + } + } + + var foundLoadProp; + ('url content component el componentUrl template templateUrl').split(' ').forEach(function (modalLoadProp) { + var obj; + + if (modalParams[modalLoadProp] && !foundLoadProp) { + foundLoadProp = true; + loadModal(( obj = {}, obj[modalLoadProp] = modalParams[modalLoadProp], obj ), options); + } + }); + if (!foundLoadProp && modalType === 'actions') { + onModalLoaded(); + } + + // Async + function asyncResolve(resolveParams, resolveOptions) { + loadModal(resolveParams, Utils.extend(options, resolveOptions)); + } + function asyncReject() { + router.allowPageChange = true; + } + if (modalParams.async) { + modalParams.async.call(router, options.route, router.currentRoute, asyncResolve, asyncReject); + } + return router; + } + function modalRemove(modal) { + Utils.extend(modal, { closeByRouter: true }); + modal.close(); + } + + function backward(el, backwardOptions) { + var router = this; + var $el = $(el); + var app = router.app; + var view = router.view; + + var options = Utils.extend({ + animate: router.params.animate, + pushState: true, + }, backwardOptions); + + var masterDetailEnabled = router.params.masterDetailBreakpoint > 0; + var isMaster = masterDetailEnabled && options.route && options.route.route && options.route.route.master === true; + var masterPageEl; + + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + + var $newPage = $el; + var $oldPage = router.$el.children('.page-current'); + var currentIsMaster = masterDetailEnabled && $oldPage.hasClass('page-master'); + + if ($newPage.length) { + // Remove theme elements + router.removeThemeElements($newPage); + } + + var $navbarEl; + var $newNavbarInner; + var $oldNavbarInner; + + if (dynamicNavbar) { + $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); + if (separateNavbar) { + $navbarEl = router.$navbarEl; + if ($newNavbarInner.length > 0) { + $newPage.children('.navbar').remove(); + } + if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + // Try from pageData + $newNavbarInner = $newPage[0].f7Page.$navbarEl; + } + $oldNavbarInner = $navbarEl.find('.navbar-current'); + } else { + $oldNavbarInner = $oldPage.children('.navbar').children('.navbar-inner'); + } + } + + router.allowPageChange = false; + if ($newPage.length === 0 || $oldPage.length === 0) { + router.allowPageChange = true; + return router; + } + + // Remove theme elements + router.removeThemeElements($newPage); + + // Save Keep Alive Cache + if (options.route && options.route.route && options.route.route.keepAlive && !options.route.route.keepAliveData) { + options.route.route.keepAliveData = { + pageEl: $el[0], + }; + } + + // Pages In View + var isDetail; + if (masterDetailEnabled) { + var $pagesInView = router.$el + .children('.page:not(.stacked)') + .filter(function (index, pageInView) { return pageInView !== $newPage[0]; }); + + // Find Detail' master page + for (var i = 0; i < $pagesInView.length; i += 1) { + if (!masterPageEl + && $pagesInView[i].classList.contains('page-master') + ) { + masterPageEl = $pagesInView[i]; + continue; // eslint-disable-line + } + } + + isDetail = !isMaster + && masterPageEl + && (router.history.indexOf(options.route.url) > router.history.indexOf(masterPageEl.f7Page.route.url)); + } + + + // New Page + $newPage + .addClass(("page-previous" + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : ''))) + .removeClass('stacked') + .removeAttr('aria-hidden') + .trigger('page:unstack') + .trigger('page:position', { position: 'previous' }); + if (isMaster || isDetail) { + $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); + } + + if (dynamicNavbar && $newNavbarInner.length > 0) { + $newNavbarInner + .addClass(("navbar-previous" + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : ''))) + .removeClass('stacked') + .removeAttr('aria-hidden'); + } + + // Remove previous page in case of "forced" + var backIndex; + if (options.force) { + if ($oldPage.prev('.page-previous:not(.stacked)').length > 0 || $oldPage.prev('.page-previous').length === 0) { + if (router.history.indexOf(options.route.url) >= 0) { + backIndex = router.history.length - router.history.indexOf(options.route.url) - 1; + router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2); + view.history = router.history; + } else if (router.history[[router.history.length - 2]]) { + router.history[router.history.length - 2] = options.route.url; + } else { + router.history.unshift(router.url); + } + + if (backIndex && router.params.stackPages) { + $oldPage.prevAll('.page-previous').each(function (index, pageToRemove) { + var $pageToRemove = $(pageToRemove); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $oldNavbarInner.prevAll('.navbar-previous').eq(index); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if ($pageToRemove[0] !== $newPage[0] && $pageToRemove.index() > $newPage.index()) { + if (router.initialPages.indexOf($pageToRemove[0]) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + if (separateNavbar) { + $navbarToRemove.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length > 0) { + router.removeNavbar($navbarToRemove); + } + } + } + }); + } else { + var $pageToRemove = $oldPage.prev('.page-previous:not(.stacked)'); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $oldNavbarInner.prev('.navbar-inner:not(.stacked)'); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if (router.params.stackPages && router.initialPages.indexOf($pageToRemove[0]) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + $navbarToRemove.addClass('stacked'); + } else if ($pageToRemove.length > 0) { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length) { + router.removeNavbar($navbarToRemove); + } + } + } + } + } + + // Insert new page + var newPageInDom = $newPage.parents(doc).length > 0; + var f7Component = $newPage[0].f7Component; + + function insertPage() { + if ($newPage.next($oldPage).length === 0) { + if (!newPageInDom && f7Component) { + f7Component.$mount(function (componentEl) { + $(componentEl).insertBefore($oldPage); + }); + } else { + $newPage.insertBefore($oldPage); + } + } + if (separateNavbar && $newNavbarInner.length) { + if ($newNavbarInner.children('.title-large').length) { + $newNavbarInner.addClass('navbar-inner-large'); + } + $newNavbarInner.insertBefore($oldNavbarInner); + if ($oldNavbarInner.length > 0) { + $newNavbarInner.insertBefore($oldNavbarInner); + } else { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarEl.append($newNavbarInner); + } + } + if (!newPageInDom) { + router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { + $newPage[0].f7PageMounted = true; + router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + } + } + + if (options.preload) { + // Insert Page + insertPage(); + // Tab route + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + preload: true, + })); + } + if (isMaster) { + $newPage + .removeClass('page-master-stacked') + .trigger('page:masterunstack'); + if (separateNavbar) { + $(app.navbar.getElByPage($newPage)).removeClass('navbar-master-stacked'); + } + } + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + var $previousPages = $newPage.prevAll('.page-previous:not(.stacked):not(.page-master)'); + if ($previousPages.length > 0) { + $previousPages.each(function (index, pageToRemove) { + var $pageToRemove = $(pageToRemove); + var $navbarToRemove; + if (separateNavbar) { + // $navbarToRemove = $newNavbarInner.prevAll('.navbar-previous:not(.stacked)').eq(index); + $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); + } + if (router.params.stackPages && router.initialPages.indexOf(pageToRemove) >= 0) { + $pageToRemove.addClass('stacked'); + $pageToRemove.trigger('page:stack'); + if (separateNavbar) { + $navbarToRemove.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined); + router.removePage($pageToRemove); + if (separateNavbar && $navbarToRemove.length) { + router.removeNavbar($navbarToRemove); + } + } + }); + } + router.allowPageChange = true; + return router; + } + + // History State + if (!(Device.ie || Device.edge || (Device.firefox && !Device.ios))) { + if (router.params.pushState && options.pushState) { + if (backIndex) { History.go(-backIndex); } + else { History.back(); } + } + } + + // Update History + if (router.history.length === 1) { + router.history.unshift(router.url); + } + router.history.pop(); + router.saveHistory(); + + // Current Page & Navbar + router.currentPageEl = $newPage[0]; + if (dynamicNavbar && $newNavbarInner.length) { + router.currentNavbarEl = $newNavbarInner[0]; + } else { + delete router.currentNavbarEl; + } + + // Current Route + router.currentRoute = options.route; + + // History State + if (Device.ie || Device.edge || (Device.firefox && !Device.ios)) { + if (router.params.pushState && options.pushState) { + if (backIndex) { History.go(-backIndex); } + else { History.back(); } + } + } + + // Insert Page + insertPage(); + + // Load Tab + if (options.route.route.tab) { + router.tabLoad(options.route.route.tab, Utils.extend({}, options, { + history: false, + pushState: false, + })); + } + + // Page init and before init events + router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + + // Before animation callback + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'next', options); + + // Animation + function afterAnimation() { + // Set classes + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $newPage.removeClass(pageClasses).addClass('page-current').removeAttr('aria-hidden').trigger('page:position', { position: 'current' }); + $oldPage.removeClass(pageClasses).addClass('page-next').attr('aria-hidden', 'true').trigger('page:position', { position: 'next' }); + if (dynamicNavbar) { + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-next').attr('aria-hidden', 'true'); + } + + // After animation event + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'next', options); + + // Remove Old Page + if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { + $oldPage.addClass('stacked'); + $oldPage.trigger('page:stack'); + if (separateNavbar) { + $oldNavbarInner.addClass('stacked'); + } + } else { + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'next', undefined, options); + router.removePage($oldPage); + if (separateNavbar && $oldNavbarInner.length) { + router.removeNavbar($oldNavbarInner); + } + } + + router.allowPageChange = true; + router.emit('routeChanged', router.currentRoute, router.previousRoute, router); + + // Preload previous page + var preloadPreviousPage = router.params.preloadPreviousPage || (app.theme.ios ? router.params.iosSwipeBack : router.params.mdSwipeBack); + if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) { + router.back(router.history[router.history.length - 2], { preload: true }); + } + if (router.params.pushState) { + History.clearRouterQueue(); + } + } + + function setPositionClasses() { + var pageClasses = 'page-previous page-current page-next'; + var navbarClasses = 'navbar-previous navbar-current navbar-next'; + $oldPage.removeClass(pageClasses).addClass('page-current').trigger('page:position', { position: 'current' }); + $newPage.removeClass(pageClasses).addClass('page-previous').removeAttr('aria-hidden').trigger('page:position', { position: 'previous' }); + if (dynamicNavbar) { + $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current'); + $newNavbarInner.removeClass(navbarClasses).addClass('navbar-previous').removeAttr('aria-hidden'); + } + } + + if (options.animate && !(currentIsMaster && app.width >= router.params.masterDetailBreakpoint)) { + setPositionClasses(); + router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'backward', function () { + afterAnimation(); + }); + } else { + afterAnimation(); + } + + return router; + } + function loadBack(backParams, backOptions, ignorePageChange) { + var router = this; + + if (!router.allowPageChange && !ignorePageChange) { return router; } + var params = backParams; + var options = backOptions; + var url = params.url; + var content = params.content; + var el = params.el; + var pageName = params.pageName; + var template = params.template; + var templateUrl = params.templateUrl; + var component = params.component; + var componentUrl = params.componentUrl; + + if ( + options.route.url + && router.url === options.route.url + && !(options.reloadCurrent || options.reloadPrevious) + && !router.params.allowDuplicateUrls + ) { + return false; + } + + if (!options.route && url) { + options.route = router.parseRouteUrl(url); + } + + // Component Callbacks + function resolve(pageEl, newOptions) { + return router.backward(pageEl, Utils.extend(options, newOptions)); + } + function reject() { + router.allowPageChange = true; + return router; + } + + if (url || templateUrl || componentUrl) { + router.allowPageChange = false; + } + + // Proceed + if (content) { + router.backward(router.getPageEl(content), options); + } else if (template || templateUrl) { + // Parse template and send page element + try { + router.pageTemplateLoader(template, templateUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (el) { + // Load page from specified HTMLElement or by page name in pages container + router.backward(router.getPageEl(el), options); + } else if (pageName) { + // Load page by page name in pages container + router.backward(router.$el.children((".page[data-name=\"" + pageName + "\"]")).eq(0), options); + } else if (component || componentUrl) { + // Load from component (F7/Vue/React/...) + try { + router.pageComponentLoader(router.el, component, componentUrl, options, resolve, reject); + } catch (err) { + router.allowPageChange = true; + throw err; + } + } else if (url) { + // Load using XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router.xhrRequest(url, options) + .then(function (pageContent) { + router.backward(router.getPageEl(pageContent), options); + }) + .catch(function () { + router.allowPageChange = true; + }); + } + return router; + } + function back() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var router = this; + if (router.swipeBackActive) { return router; } + var navigateUrl; + var navigateOptions; + var route; + if (typeof args[0] === 'object') { + navigateOptions = args[0] || {}; + } else { + navigateUrl = args[0]; + navigateOptions = args[1] || {}; + } + + var name = navigateOptions.name; + var params = navigateOptions.params; + var query = navigateOptions.query; + if (name) { + // find route by name + route = router.findRouteByKey('name', name); + if (!route) { + throw new Error(("Framework7: route with name \"" + name + "\" not found")); + } + navigateUrl = router.constructRouteUrl(route, { params: params, query: query }); + if (navigateUrl) { + return router.back(navigateUrl, Utils.extend({}, navigateOptions, { + name: null, + params: null, + query: null, + })); + } + throw new Error(("Framework7: can't construct URL for route with name \"" + name + "\"")); + } + + var app = router.app; + appRouterCheck(router, 'back'); + + var currentRouteIsModal = router.currentRoute.modal; + var modalType; + if (!currentRouteIsModal) { + ('popup popover sheet loginScreen actions customModal panel').split(' ').forEach(function (modalLoadProp) { + if (router.currentRoute.route[modalLoadProp]) { + currentRouteIsModal = true; + modalType = modalLoadProp; + } + }); + } + if (currentRouteIsModal) { + var modalToClose = router.currentRoute.modal + || router.currentRoute.route.modalInstance + || app[modalType].get(); + var previousUrl = router.history[router.history.length - 2]; + var previousRoute; + // check if previous route is modal too + if (modalToClose && modalToClose.$el) { + var prevOpenedModals = modalToClose.$el.prevAll('.modal-in'); + if (prevOpenedModals.length && prevOpenedModals[0].f7Modal) { + previousRoute = prevOpenedModals[0].f7Modal.route; + } + } + if (!previousRoute) { + previousRoute = router.findMatchingRoute(previousUrl); + } + + if (!previousRoute && previousUrl) { + previousRoute = { + url: previousUrl, + path: previousUrl.split('?')[0], + query: Utils.parseUrlQuery(previousUrl), + route: { + path: previousUrl.split('?')[0], + url: previousUrl, + }, + }; + } + if (!navigateUrl || navigateUrl.replace(/[# ]/g, '').trim().length === 0) { + if (!previousRoute || !modalToClose) { + return router; + } + } + var forceOtherUrl = navigateOptions.force && previousRoute && navigateUrl; + if (previousRoute && modalToClose) { + if (router.params.pushState && navigateOptions.pushState !== false) { + History.back(); + } + router.currentRoute = previousRoute; + router.history.pop(); + router.saveHistory(); + router.modalRemove(modalToClose); + if (forceOtherUrl) { + router.navigate(navigateUrl, { reloadCurrent: true }); + } + } else if (modalToClose) { + router.modalRemove(modalToClose); + if (navigateUrl) { + router.navigate(navigateUrl, { reloadCurrent: true }); + } + } + return router; + } + var $previousPage = router.$el.children('.page-current').prevAll('.page-previous:not(.page-master)').eq(0); + + var skipMaster; + if (router.params.masterDetailBreakpoint > 0) { + var $previousMaster = router.$el.children('.page-current').prevAll('.page-master').eq(0); + if ($previousMaster.length) { + var expectedPreviousPageUrl = router.history[router.history.length - 2]; + var expectedPreviousPageRoute = router.findMatchingRoute(expectedPreviousPageUrl); + if (expectedPreviousPageRoute && expectedPreviousPageRoute.route === $previousMaster[0].f7Page.route.route) { + $previousPage = $previousMaster; + if (!navigateOptions.preload) { + skipMaster = app.width >= router.params.masterDetailBreakpoint; + } + } + } + } + if (!navigateOptions.force && $previousPage.length && !skipMaster) { + if (router.params.pushState + && $previousPage[0].f7Page + && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url + ) { + router.back( + router.history[router.history.length - 2], + Utils.extend(navigateOptions, { force: true }) + ); + return router; + } + var previousPageRoute = $previousPage[0].f7Page.route; + + processRouteQueue.call( + router, + previousPageRoute, + router.currentRoute, + function () { + router.loadBack({ el: $previousPage }, Utils.extend(navigateOptions, { + route: previousPageRoute, + })); + }, + function () {} + ); + + return router; + } + + // Navigate URL + if (navigateUrl === '#') { + navigateUrl = undefined; + } + if (navigateUrl && navigateUrl[0] !== '/' && navigateUrl.indexOf('#') !== 0) { + navigateUrl = ((router.path || '/') + navigateUrl).replace('//', '/'); + } + if (!navigateUrl && router.history.length > 1) { + navigateUrl = router.history[router.history.length - 2]; + } + if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) { + return router.back(router.history[router.history.length - 3], Utils.extend({}, navigateOptions || {}, { + force: true, + animate: false, + })); + } + if (skipMaster && !navigateOptions.force) { + return router; + } + + // Find route to load + route = router.findMatchingRoute(navigateUrl); + if (!route) { + if (navigateUrl) { + route = { + url: navigateUrl, + path: navigateUrl.split('?')[0], + query: Utils.parseUrlQuery(navigateUrl), + route: { + path: navigateUrl.split('?')[0], + url: navigateUrl, + }, + }; + } + } + if (!route) { + return router; + } + + if (route.route.redirect) { + return redirect.call(router, 'back', route, navigateOptions); + } + + var options = {}; + if (route.route.options) { + Utils.extend(options, route.route.options, navigateOptions); + } else { + Utils.extend(options, navigateOptions); + } + options.route = route; + + if (options && options.context) { + route.context = options.context; + options.route.context = options.context; + } + + var backForceLoaded; + if (options.force && router.params.stackPages) { + router.$el.children('.page-previous.stacked').each(function (index, pageEl) { + if (pageEl.f7Page && pageEl.f7Page.route && pageEl.f7Page.route.url === route.url) { + backForceLoaded = true; + router.loadBack({ el: pageEl }, options); + } + }); + if (backForceLoaded) { + return router; + } + } + function resolve() { + var routerLoaded = false; + if (route.route.keepAlive && route.route.keepAliveData) { + router.loadBack({ el: route.route.keepAliveData.pageEl }, options); + routerLoaded = true; + } + ('url content component pageName el componentUrl template templateUrl').split(' ').forEach(function (pageLoadProp) { + var obj; + + if (route.route[pageLoadProp] && !routerLoaded) { + routerLoaded = true; + router.loadBack(( obj = {}, obj[pageLoadProp] = route.route[pageLoadProp], obj ), options); + } + }); + if (routerLoaded) { return; } + // Async + function asyncResolve(resolveParams, resolveOptions) { + router.allowPageChange = false; + if (resolveOptions && resolveOptions.context) { + if (!route.context) { route.context = resolveOptions.context; } + else { route.context = Utils.extend({}, route.context, resolveOptions.context); } + options.route.context = route.context; + } + router.loadBack(resolveParams, Utils.extend(options, resolveOptions), true); + } + function asyncReject() { + router.allowPageChange = true; + } + if (route.route.async) { + router.allowPageChange = false; + + route.route.async.call(router, route, router.currentRoute, asyncResolve, asyncReject); + } + } + function reject() { + router.allowPageChange = true; + } + + if (options.preload) { + resolve(); + } else { + processRouteQueue.call( + router, + route, + router.currentRoute, + function () { + if (route.route.modules) { + app + .loadModules(Array.isArray(route.route.modules) ? route.route.modules : [route.route.modules]) + .then(function () { + resolve(); + }) + .catch(function () { + reject(); + }); + } else { + resolve(); + } + }, + function () { + reject(); + } + ); + } + + // Return Router + return router; + } + + function clearPreviousPages() { + var router = this; + appRouterCheck(router, 'clearPreviousPages'); + var app = router.app; + var separateNavbar = router.separateNavbar; + + var $pagesToRemove = router.$el + .children('.page') + .filter(function (index, pageInView) { + if (router.currentRoute && (router.currentRoute.modal || router.currentRoute.panel)) { return true; } + return pageInView !== router.currentPageEl; + }); + + $pagesToRemove.each(function (index, pageEl) { + var $oldPageEl = $(pageEl); + var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { + $oldPageEl.addClass('stacked'); + if (separateNavbar) { + $oldNavbarInnerEl.addClass('stacked'); + } + } else { + // Page remove event + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInnerEl, 'previous', undefined, {}); + router.removePage($oldPageEl); + if (separateNavbar && $oldNavbarInnerEl.length) { + router.removeNavbar($oldNavbarInnerEl); + } + } + }); + } + + function clearPreviousHistory() { + var router = this; + appRouterCheck(router, 'clearPreviousHistory'); + var url = router.history[router.history.length - 1]; + + router.clearPreviousPages(); + + router.history = [url]; + router.view.history = [url]; + router.saveHistory(); + } + + var Router = /*@__PURE__*/(function (Framework7Class$$1) { + function Router(app, view) { + Framework7Class$$1.call(this, {}, [typeof view === 'undefined' ? app : view]); + var router = this; + + // Is App Router + router.isAppRouter = typeof view === 'undefined'; + + if (router.isAppRouter) { + // App Router + Utils.extend(false, router, { + app: app, + params: app.params.view, + routes: app.routes || [], + cache: app.cache, + }); + } else { + // View Router + Utils.extend(false, router, { + app: app, + view: view, + viewId: view.id, + params: view.params, + routes: view.routes, + $el: view.$el, + el: view.el, + $navbarEl: view.$navbarEl, + navbarEl: view.navbarEl, + history: view.history, + scrollHistory: view.scrollHistory, + cache: app.cache, + dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar, + separateNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar && view.params.iosSeparateDynamicNavbar, + initialPages: [], + initialNavbars: [], + }); + } + + // Install Modules + router.useModules(); + + // Temporary Dom + router.tempDom = doc.createElement('div'); + + // AllowPageChage + router.allowPageChange = true; + + // Current Route + var currentRoute = {}; + var previousRoute = {}; + Object.defineProperty(router, 'currentRoute', { + enumerable: true, + configurable: true, + set: function set(newRoute) { + if ( newRoute === void 0 ) newRoute = {}; + + previousRoute = Utils.extend({}, currentRoute); + currentRoute = newRoute; + if (!currentRoute) { return; } + router.url = currentRoute.url; + router.emit('routeChange', newRoute, previousRoute, router); + }, + get: function get() { + return currentRoute; + }, + }); + Object.defineProperty(router, 'previousRoute', { + enumerable: true, + configurable: true, + get: function get() { + return previousRoute; + }, + set: function set(newRoute) { + previousRoute = newRoute; + }, + }); + + return router; + } + + if ( Framework7Class$$1 ) Router.__proto__ = Framework7Class$$1; + Router.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + Router.prototype.constructor = Router; + + Router.prototype.animatableNavElements = function animatableNavElements (newNavbarInner, oldNavbarInner, toLarge, fromLarge, direction) { + var router = this; + var dynamicNavbar = router.dynamicNavbar; + var separateNavbar = router.separateNavbar; + var animateIcon = router.params.iosAnimateNavbarBackIcon; + + var newNavEls; + var oldNavEls; + function animatableNavEl($el, navbarInner) { + var isSliding = $el.hasClass('sliding') || navbarInner.hasClass('sliding'); + var isSubnavbar = $el.hasClass('subnavbar'); + var needsOpacityTransition = isSliding ? !isSubnavbar : true; + var $iconEl = $el.find('.back .icon'); + var isIconLabel; + if (isSliding && animateIcon && $el.hasClass('left') && $iconEl.length > 0 && $iconEl.next('span').length) { + $el = $iconEl.next('span'); // eslint-disable-line + isIconLabel = true; + } + return { + $el: $el, + isIconLabel: isIconLabel, + leftOffset: $el[0].f7NavbarLeftOffset, + rightOffset: $el[0].f7NavbarRightOffset, + isSliding: isSliding, + isSubnavbar: isSubnavbar, + needsOpacityTransition: needsOpacityTransition, + }; + } + if (dynamicNavbar) { + newNavEls = []; + oldNavEls = []; + newNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + var $navEl = $(navEl); + if ($navEl.hasClass('left') && fromLarge && direction === 'forward' && separateNavbar) { return; } + if ($navEl.hasClass('title') && toLarge) { return; } + newNavEls.push(animatableNavEl($navEl, newNavbarInner)); + }); + if (!(oldNavbarInner.hasClass('navbar-master') && router.params.masterDetailBreakpoint > 0 && router.app.width >= router.params.masterDetailBreakpoint)) { + oldNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + var $navEl = $(navEl); + if ($navEl.hasClass('left') && toLarge && !fromLarge && direction === 'forward' && separateNavbar) { return; } + if ($navEl.hasClass('left') && toLarge && direction === 'backward' && separateNavbar) { return; } + if ($navEl.hasClass('title') && fromLarge) { + return; + } + oldNavEls.push(animatableNavEl($navEl, oldNavbarInner)); + }); + } + [oldNavEls, newNavEls].forEach(function (navEls) { + navEls.forEach(function (navEl) { + var n = navEl; + var isSliding = navEl.isSliding; + var $el = navEl.$el; + var otherEls = navEls === oldNavEls ? newNavEls : oldNavEls; + if (!(isSliding && $el.hasClass('title') && otherEls)) { return; } + otherEls.forEach(function (otherNavEl) { + if (otherNavEl.isIconLabel) { + var iconTextEl = otherNavEl.$el[0]; + n.leftOffset += iconTextEl ? (iconTextEl.offsetLeft || 0) : 0; + } + }); + }); + }); + } + + return { newNavEls: newNavEls, oldNavEls: oldNavEls }; + }; + + Router.prototype.animate = function animate (oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback) { + var router = this; + if (router.params.animateCustom) { + router.params.animateCustom.apply(router, [oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback]); + return; + } + var dynamicNavbar = router.dynamicNavbar; + var ios = router.app.theme === 'ios'; + // Router Animation class + var routerTransitionClass = "router-transition-" + direction + " router-transition"; + + var newNavEls; + var oldNavEls; + + var fromLarge; + var toLarge; + + var oldIsLarge; + var newIsLarge; + + if (ios && dynamicNavbar) { + oldIsLarge = oldNavbarInner && oldNavbarInner.hasClass('navbar-inner-large'); + newIsLarge = newNavbarInner && newNavbarInner.hasClass('navbar-inner-large'); + fromLarge = oldIsLarge && !oldNavbarInner.hasClass('navbar-inner-large-collapsed'); + toLarge = newIsLarge && !newNavbarInner.hasClass('navbar-inner-large-collapsed'); + var navEls = router.animatableNavElements(newNavbarInner, oldNavbarInner, toLarge, fromLarge, direction); + newNavEls = navEls.newNavEls; + oldNavEls = navEls.oldNavEls; + } + + function animateNavbars(progress) { + if (!(ios && dynamicNavbar)) { return; } + if (progress === 1) { + if (toLarge) { + newNavbarInner.addClass('router-navbar-transition-to-large'); + oldNavbarInner.addClass('router-navbar-transition-to-large'); + } + if (fromLarge) { + newNavbarInner.addClass('router-navbar-transition-from-large'); + oldNavbarInner.addClass('router-navbar-transition-from-large'); + } + } + newNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.rightOffset : navEl.leftOffset; + if (navEl.isSliding) { + if (navEl.isSubnavbar && newIsLarge) { + $el[0].style.setProperty('transform', ("translate3d(" + (offset * (1 - progress)) + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)"), 'important'); + } else { + $el.transform(("translate3d(" + (offset * (1 - progress)) + "px,0,0)")); + } + } + }); + oldNavEls.forEach(function (navEl) { + var $el = navEl.$el; + var offset = direction === 'forward' ? navEl.leftOffset : navEl.rightOffset; + if (navEl.isSliding) { + if (navEl.isSubnavbar && oldIsLarge) { + $el.transform(("translate3d(" + (offset * (progress)) + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)")); + } else { + $el.transform(("translate3d(" + (offset * (progress)) + "px,0,0)")); + } + } + }); + } + + // AnimationEnd Callback + function onDone() { + if (router.dynamicNavbar) { + if (newNavbarInner) { + newNavbarInner.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); + newNavbarInner.addClass('navbar-no-title-large-transition'); + Utils.nextFrame(function () { + newNavbarInner.removeClass('navbar-no-title-large-transition'); + }); + } + if (oldNavbarInner) { + oldNavbarInner.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); + } + if (newNavbarInner.hasClass('sliding')) { + newNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + } else { + newNavbarInner.find('.sliding').transform(''); + } + if (oldNavbarInner.hasClass('sliding')) { + oldNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + } else { + oldNavbarInner.find('.sliding').transform(''); + } + } + router.$el.removeClass(routerTransitionClass); + if (callback) { callback(); } + } + + (direction === 'forward' ? newPage : oldPage).animationEnd(function () { + onDone(); + }); + + // Animate + if (dynamicNavbar) { + // Prepare Navbars + animateNavbars(0); + Utils.nextFrame(function () { + // Add class, start animation + animateNavbars(1); + router.$el.addClass(routerTransitionClass); + }); + } else { + // Add class, start animation + router.$el.addClass(routerTransitionClass); + } + }; + + Router.prototype.removeModal = function removeModal (modalEl) { + var router = this; + router.removeEl(modalEl); + }; + // eslint-disable-next-line + Router.prototype.removeTabContent = function removeTabContent (tabEl) { + var $tabEl = $(tabEl); + $tabEl.html(''); + }; + + Router.prototype.removeNavbar = function removeNavbar (el) { + var router = this; + router.removeEl(el); + }; + + Router.prototype.removePage = function removePage (el) { + var $el = $(el); + var f7Page = $el && $el[0] && $el[0].f7Page; + var router = this; + if (f7Page && f7Page.route && f7Page.route.route && f7Page.route.route.keepAlive) { + $el.remove(); + return; + } + router.removeEl(el); + }; + + Router.prototype.removeEl = function removeEl (el) { + if (!el) { return; } + var router = this; + var $el = $(el); + if ($el.length === 0) { return; } + $el.find('.tab').each(function (tabIndex, tabEl) { + $(tabEl).children().each(function (index, tabChild) { + if (tabChild.f7Component) { + $(tabChild).trigger('tab:beforeremove'); + tabChild.f7Component.$destroy(); + } + }); + }); + if ($el[0].f7Component && $el[0].f7Component.$destroy) { + $el[0].f7Component.$destroy(); + } + if (!router.params.removeElements) { + return; + } + if (router.params.removeElementsWithTimeout) { + setTimeout(function () { + $el.remove(); + }, router.params.removeElementsTimeout); + } else { + $el.remove(); + } + }; + + Router.prototype.getPageEl = function getPageEl (content) { + var router = this; + if (typeof content === 'string') { + router.tempDom.innerHTML = content; + } else { + if ($(content).hasClass('page')) { + return content; + } + router.tempDom.innerHTML = ''; + $(router.tempDom).append(content); + } + + return router.findElement('.page', router.tempDom); + }; + + Router.prototype.findElement = function findElement (stringSelector, container, notStacked) { + var router = this; + var view = router.view; + var app = router.app; + + // Modals Selector + var modalsSelector = '.popup, .dialog, .popover, .actions-modal, .sheet-modal, .login-screen, .page'; + + var $container = $(container); + var selector = stringSelector; + if (notStacked) { selector += ':not(.stacked)'; } + + var found = $container + .find(selector) + .filter(function (index, el) { return $(el).parents(modalsSelector).length === 0; }); + + if (found.length > 1) { + if (typeof view.selector === 'string') { + // Search in related view + found = $container.find(((view.selector) + " " + selector)); + } + if (found.length > 1) { + // Search in main view + found = $container.find(("." + (app.params.viewMainClass) + " " + selector)); + } + } + if (found.length === 1) { return found; } + + // Try to find not stacked + if (!notStacked) { found = router.findElement(selector, $container, true); } + if (found && found.length === 1) { return found; } + if (found && found.length > 1) { return $(found[0]); } + return undefined; + }; + + Router.prototype.flattenRoutes = function flattenRoutes (routes) { + if ( routes === void 0 ) routes = this.routes; + + var router = this; + var flattenedRoutes = []; + routes.forEach(function (route) { + var hasTabRoutes = false; + if ('tabs' in route && route.tabs) { + var mergedPathsRoutes = route.tabs.map(function (tabRoute) { + var tRoute = Utils.extend({}, route, { + path: (((route.path) + "/" + (tabRoute.path))).replace('///', '/').replace('//', '/'), + parentPath: route.path, + tab: tabRoute, + }); + delete tRoute.tabs; + delete tRoute.routes; + return tRoute; + }); + hasTabRoutes = true; + flattenedRoutes = flattenedRoutes.concat(router.flattenRoutes(mergedPathsRoutes)); + } + if ('detailRoutes' in route) { + var mergedPathsRoutes$1 = route.detailRoutes.map(function (detailRoute) { + var dRoute = Utils.extend({}, detailRoute); + dRoute.masterRoute = route; + dRoute.masterRoutePath = route.path; + return dRoute; + }); + flattenedRoutes = flattenedRoutes.concat(route, router.flattenRoutes(mergedPathsRoutes$1)); + } + if ('routes' in route) { + var mergedPathsRoutes$2 = route.routes.map(function (childRoute) { + var cRoute = Utils.extend({}, childRoute); + cRoute.path = (((route.path) + "/" + (cRoute.path))).replace('///', '/').replace('//', '/'); + return cRoute; + }); + if (hasTabRoutes) { + flattenedRoutes = flattenedRoutes.concat(router.flattenRoutes(mergedPathsRoutes$2)); + } else { + flattenedRoutes = flattenedRoutes.concat(route, router.flattenRoutes(mergedPathsRoutes$2)); + } + } + if (!('routes' in route) && !('tabs' in route && route.tabs) && !('detailRoutes' in route)) { + flattenedRoutes.push(route); + } + }); + return flattenedRoutes; + }; + + // eslint-disable-next-line + Router.prototype.parseRouteUrl = function parseRouteUrl (url) { + if (!url) { return {}; } + var query = Utils.parseUrlQuery(url); + var hash = url.split('#')[1]; + var params = {}; + var path = url.split('#')[0].split('?')[0]; + return { + query: query, + hash: hash, + params: params, + url: url, + path: path, + }; + }; + + // eslint-disable-next-line + Router.prototype.constructRouteUrl = function constructRouteUrl (route, ref) { + if ( ref === void 0 ) ref = {}; + var params = ref.params; + var query = ref.query; + + var path = route.path; + var toUrl = pathToRegexp_1.compile(path); + var url; + try { + url = toUrl(params || {}); + } catch (error) { + throw new Error(("Framework7: error constructing route URL from passed params:\nRoute: " + path + "\n" + (error.toString()))); + } + + if (query) { + if (typeof query === 'string') { url += "?" + query; } + else { url += "?" + (Utils.serializeObject(query)); } + } + + return url; + }; + + Router.prototype.findTabRoute = function findTabRoute (tabEl) { + var router = this; + var $tabEl = $(tabEl); + var parentPath = router.currentRoute.route.parentPath; + var tabId = $tabEl.attr('id'); + var flattenedRoutes = router.flattenRoutes(router.routes); + var foundTabRoute; + flattenedRoutes.forEach(function (route) { + if ( + route.parentPath === parentPath + && route.tab + && route.tab.id === tabId + ) { + foundTabRoute = route; + } + }); + return foundTabRoute; + }; + + Router.prototype.findRouteByKey = function findRouteByKey (key, value) { + var router = this; + var routes = router.routes; + var flattenedRoutes = router.flattenRoutes(routes); + var matchingRoute; + + flattenedRoutes.forEach(function (route) { + if (matchingRoute) { return; } + if (route[key] === value) { + matchingRoute = route; + } + }); + return matchingRoute; + }; + + Router.prototype.findMatchingRoute = function findMatchingRoute (url) { + if (!url) { return undefined; } + var router = this; + var routes = router.routes; + var flattenedRoutes = router.flattenRoutes(routes); + var ref = router.parseRouteUrl(url); + var path = ref.path; + var query = ref.query; + var hash = ref.hash; + var params = ref.params; + var matchingRoute; + flattenedRoutes.forEach(function (route) { + if (matchingRoute) { return; } + var keys = []; + + var pathsToMatch = [route.path]; + if (route.alias) { + if (typeof route.alias === 'string') { pathsToMatch.push(route.alias); } + else if (Array.isArray(route.alias)) { + route.alias.forEach(function (aliasPath) { + pathsToMatch.push(aliasPath); + }); + } + } + + var matched; + pathsToMatch.forEach(function (pathToMatch) { + if (matched) { return; } + matched = pathToRegexp_1(pathToMatch, keys).exec(path); + }); + + if (matched) { + keys.forEach(function (keyObj, index) { + if (typeof keyObj.name === 'number') { return; } + var paramValue = matched[index + 1]; + params[keyObj.name] = paramValue; + }); + + var parentPath; + if (route.parentPath) { + parentPath = path.split('/').slice(0, route.parentPath.split('/').length - 1).join('/'); + } + + matchingRoute = { + query: query, + hash: hash, + params: params, + url: url, + path: path, + parentPath: parentPath, + route: route, + name: route.name, + }; + } + }); + return matchingRoute; + }; + + // eslint-disable-next-line + Router.prototype.replaceRequestUrlParams = function replaceRequestUrlParams (url, options) { + if ( url === void 0 ) url = ''; + if ( options === void 0 ) options = {}; + + var compiledUrl = url; + if (typeof compiledUrl === 'string' + && compiledUrl.indexOf('{{') >= 0 + && options + && options.route + && options.route.params + && Object.keys(options.route.params).length + ) { + Object.keys(options.route.params).forEach(function (paramName) { + var regExp = new RegExp(("{{" + paramName + "}}"), 'g'); + compiledUrl = compiledUrl.replace(regExp, options.route.params[paramName] || ''); + }); + } + return compiledUrl; + }; + + Router.prototype.removeFromXhrCache = function removeFromXhrCache (url) { + var router = this; + var xhrCache = router.cache.xhr; + var index = false; + for (var i = 0; i < xhrCache.length; i += 1) { + if (xhrCache[i].url === url) { index = i; } + } + if (index !== false) { xhrCache.splice(index, 1); } + }; + + Router.prototype.xhrRequest = function xhrRequest (requestUrl, options) { + var router = this; + var params = router.params; + var ignoreCache = options.ignoreCache; + var url = requestUrl; + + var hasQuery = url.indexOf('?') >= 0; + if (params.passRouteQueryToRequest + && options + && options.route + && options.route.query + && Object.keys(options.route.query).length + ) { + url += "" + (hasQuery ? '&' : '?') + (Utils.serializeObject(options.route.query)); + hasQuery = true; + } + + if (params.passRouteParamsToRequest + && options + && options.route + && options.route.params + && Object.keys(options.route.params).length + ) { + url += "" + (hasQuery ? '&' : '?') + (Utils.serializeObject(options.route.params)); + hasQuery = true; + } + + if (url.indexOf('{{') >= 0) { + url = router.replaceRequestUrlParams(url, options); + } + // should we ignore get params or not + if (params.xhrCacheIgnoreGetParameters && url.indexOf('?') >= 0) { + url = url.split('?')[0]; + } + return new Promise(function (resolve, reject) { + if (params.xhrCache && !ignoreCache && url.indexOf('nocache') < 0 && params.xhrCacheIgnore.indexOf(url) < 0) { + for (var i = 0; i < router.cache.xhr.length; i += 1) { + var cachedUrl = router.cache.xhr[i]; + if (cachedUrl.url === url) { + // Check expiration + if (Utils.now() - cachedUrl.time < params.xhrCacheDuration) { + // Load from cache + resolve(cachedUrl.content); + return; + } + } + } + } + router.xhr = router.app.request({ + url: url, + method: 'GET', + beforeSend: function beforeSend(xhr) { + router.emit('routerAjaxStart', xhr, options); + }, + complete: function complete(xhr, status) { + router.emit('routerAjaxComplete', xhr); + if ((status !== 'error' && status !== 'timeout' && (xhr.status >= 200 && xhr.status < 300)) || xhr.status === 0) { + if (params.xhrCache && xhr.responseText !== '') { + router.removeFromXhrCache(url); + router.cache.xhr.push({ + url: url, + time: Utils.now(), + content: xhr.responseText, + }); + } + router.emit('routerAjaxSuccess', xhr, options); + resolve(xhr.responseText); + } else { + router.emit('routerAjaxError', xhr, options); + reject(xhr); + } + }, + error: function error(xhr) { + router.emit('routerAjaxError', xhr, options); + reject(xhr); + }, + }); + }); + }; + + // Remove theme elements + Router.prototype.removeThemeElements = function removeThemeElements (el) { + var router = this; + var theme = router.app.theme; + $(el).find(("." + (theme === 'md' ? 'ios' : 'md') + "-only, .if-" + (theme === 'md' ? 'ios' : 'md'))).remove(); + }; + + Router.prototype.getPageData = function getPageData (pageEl, navbarEl, from, to, route, pageFromEl) { + if ( route === void 0 ) route = {}; + + var router = this; + var $pageEl = $(pageEl).eq(0); + var $navbarEl = $(navbarEl).eq(0); + var currentPage = $pageEl[0].f7Page || {}; + var direction; + var pageFrom; + if ((from === 'next' && to === 'current') || (from === 'current' && to === 'previous')) { direction = 'forward'; } + if ((from === 'current' && to === 'next') || (from === 'previous' && to === 'current')) { direction = 'backward'; } + if (currentPage && !currentPage.fromPage) { + var $pageFromEl = $(pageFromEl); + if ($pageFromEl.length) { + pageFrom = $pageFromEl[0].f7Page; + } + } + pageFrom = currentPage.pageFrom || pageFrom; + if (pageFrom && pageFrom.pageFrom) { + pageFrom.pageFrom = null; + } + var page = { + app: router.app, + view: router.view, + router: router, + $el: $pageEl, + el: $pageEl[0], + $pageEl: $pageEl, + pageEl: $pageEl[0], + $navbarEl: $navbarEl, + navbarEl: $navbarEl[0], + name: $pageEl.attr('data-name'), + position: from, + from: from, + to: to, + direction: direction, + route: currentPage.route ? currentPage.route : route, + pageFrom: pageFrom, + }; + + $pageEl[0].f7Page = page; + return page; + }; + + // Callbacks + Router.prototype.pageCallback = function pageCallback (callback, pageEl, navbarEl, from, to, options, pageFromEl) { + if ( options === void 0 ) options = {}; + + if (!pageEl) { return; } + var router = this; + var $pageEl = $(pageEl); + if (!$pageEl.length) { return; } + var $navbarEl = $(navbarEl); + var route = options.route; + var restoreScrollTopOnBack = router.params.restoreScrollTopOnBack + && !( + router.params.masterDetailBreakpoint > 0 + && $pageEl.hasClass('page-master') + && router.app.width >= router.params.masterDetailBreakpoint + ); + var keepAlive = $pageEl[0].f7Page && $pageEl[0].f7Page.route && $pageEl[0].f7Page.route.route && $pageEl[0].f7Page.route.route.keepAlive; + + if (callback === 'beforeRemove' && keepAlive) { + callback = 'beforeUnmount'; // eslint-disable-line + } + + var camelName = "page" + (callback[0].toUpperCase() + callback.slice(1, callback.length)); + var colonName = "page:" + (callback.toLowerCase()); + + var page = {}; + if (callback === 'beforeRemove' && $pageEl[0].f7Page) { + page = Utils.extend($pageEl[0].f7Page, { from: from, to: to, position: from }); + } else { + page = router.getPageData($pageEl[0], $navbarEl[0], from, to, route, pageFromEl); + } + page.swipeBack = !!options.swipeBack; + + var ref = options.route ? options.route.route : {}; + var on = ref.on; if ( on === void 0 ) on = {}; + var once = ref.once; if ( once === void 0 ) once = {}; + if (options.on) { + Utils.extend(on, options.on); + } + if (options.once) { + Utils.extend(once, options.once); + } + + function attachEvents() { + if ($pageEl[0].f7RouteEventsAttached) { return; } + $pageEl[0].f7RouteEventsAttached = true; + if (on && Object.keys(on).length > 0) { + $pageEl[0].f7RouteEventsOn = on; + Object.keys(on).forEach(function (eventName) { + on[eventName] = on[eventName].bind(router); + $pageEl.on(Utils.eventNameToColonCase(eventName), on[eventName]); + }); + } + if (once && Object.keys(once).length > 0) { + $pageEl[0].f7RouteEventsOnce = once; + Object.keys(once).forEach(function (eventName) { + once[eventName] = once[eventName].bind(router); + $pageEl.once(Utils.eventNameToColonCase(eventName), once[eventName]); + }); + } + } + + function detachEvents() { + if (!$pageEl[0].f7RouteEventsAttached) { return; } + if ($pageEl[0].f7RouteEventsOn) { + Object.keys($pageEl[0].f7RouteEventsOn).forEach(function (eventName) { + $pageEl.off(Utils.eventNameToColonCase(eventName), $pageEl[0].f7RouteEventsOn[eventName]); + }); + } + if ($pageEl[0].f7RouteEventsOnce) { + Object.keys($pageEl[0].f7RouteEventsOnce).forEach(function (eventName) { + $pageEl.off(Utils.eventNameToColonCase(eventName), $pageEl[0].f7RouteEventsOnce[eventName]); + }); + } + $pageEl[0].f7RouteEventsAttached = null; + $pageEl[0].f7RouteEventsOn = null; + $pageEl[0].f7RouteEventsOnce = null; + delete $pageEl[0].f7RouteEventsAttached; + delete $pageEl[0].f7RouteEventsOn; + delete $pageEl[0].f7RouteEventsOnce; + } + + if (callback === 'mounted') { + attachEvents(); + } + if (callback === 'init') { + if (restoreScrollTopOnBack && (from === 'previous' || !from) && to === 'current' && router.scrollHistory[page.route.url] && !$pageEl.hasClass('no-restore-scroll')) { + var $pageContent = $pageEl.find('.page-content'); + if ($pageContent.length > 0) { + // eslint-disable-next-line + $pageContent = $pageContent.filter(function (pageContentIndex, pageContentEl) { + return ( + $(pageContentEl).parents('.tab:not(.tab-active)').length === 0 + && !$(pageContentEl).is('.tab:not(.tab-active)') + ); + }); + } + $pageContent.scrollTop(router.scrollHistory[page.route.url]); + } + attachEvents(); + if ($pageEl[0].f7PageInitialized) { + $pageEl.trigger('page:reinit', page); + router.emit('pageReinit', page); + return; + } + $pageEl[0].f7PageInitialized = true; + } + if (restoreScrollTopOnBack && callback === 'beforeOut' && from === 'current' && to === 'previous') { + // Save scroll position + var $pageContent$1 = $pageEl.find('.page-content'); + if ($pageContent$1.length > 0) { + // eslint-disable-next-line + $pageContent$1 = $pageContent$1.filter(function (pageContentIndex, pageContentEl) { + return ( + $(pageContentEl).parents('.tab:not(.tab-active)').length === 0 + && !$(pageContentEl).is('.tab:not(.tab-active)') + ); + }); + } + router.scrollHistory[page.route.url] = $pageContent$1.scrollTop(); + } + if (restoreScrollTopOnBack && callback === 'beforeOut' && from === 'current' && to === 'next') { + // Delete scroll position + delete router.scrollHistory[page.route.url]; + } + + $pageEl.trigger(colonName, page); + router.emit(camelName, page); + + if (callback === 'beforeRemove' || callback === 'beforeUnmount') { + detachEvents(); + if (!keepAlive) { + if ($pageEl[0].f7Page && $pageEl[0].f7Page.navbarEl) { + delete $pageEl[0].f7Page.navbarEl.f7Page; + } + $pageEl[0].f7Page = null; + } + } + }; + + Router.prototype.saveHistory = function saveHistory () { + var router = this; + router.view.history = router.history; + if (router.params.pushState) { + win.localStorage[("f7router-" + (router.view.id) + "-history")] = JSON.stringify(router.history); + } + }; + + Router.prototype.restoreHistory = function restoreHistory () { + var router = this; + if (router.params.pushState && win.localStorage[("f7router-" + (router.view.id) + "-history")]) { + router.history = JSON.parse(win.localStorage[("f7router-" + (router.view.id) + "-history")]); + router.view.history = router.history; + } + }; + + Router.prototype.clearHistory = function clearHistory () { + var router = this; + router.history = []; + if (router.view) { router.view.history = []; } + router.saveHistory(); + }; + + Router.prototype.updateCurrentUrl = function updateCurrentUrl (newUrl) { + var router = this; + appRouterCheck(router, 'updateCurrentUrl'); + // Update history + if (router.history.length) { + router.history[router.history.length - 1] = newUrl; + } else { + router.history.push(newUrl); + } + + // Update current route params + var ref = router.parseRouteUrl(newUrl); + var query = ref.query; + var hash = ref.hash; + var params = ref.params; + var url = ref.url; + var path = ref.path; + if (router.currentRoute) { + Utils.extend(router.currentRoute, { + query: query, + hash: hash, + params: params, + url: url, + path: path, + }); + } + + if (router.params.pushState) { + var pushStateRoot = router.params.pushStateRoot || ''; + History.replace( + router.view.id, + { + url: newUrl, + }, + pushStateRoot + router.params.pushStateSeparator + newUrl + ); + } + + // Save History + router.saveHistory(); + + router.emit('routeUrlUpdate', router.currentRoute, router); + }; + + Router.prototype.init = function init () { + var router = this; + var app = router.app; + var view = router.view; + + // Init Swipeback + { + if ( + (view && router.params.iosSwipeBack && app.theme === 'ios') + || (view && router.params.mdSwipeBack && app.theme === 'md') + ) { + SwipeBack(router); + } + } + + // Dynamic not separated navbbar + if (router.dynamicNavbar && !router.separateNavbar) { + router.$el.addClass('router-dynamic-navbar-inside'); + } + + var initUrl = router.params.url; + var documentUrl = doc.location.href.split(doc.location.origin)[1]; + var historyRestored; + var ref = router.params; + var pushState = ref.pushState; + var pushStateOnLoad = ref.pushStateOnLoad; + var pushStateSeparator = ref.pushStateSeparator; + var pushStateAnimateOnLoad = ref.pushStateAnimateOnLoad; + var ref$1 = router.params; + var pushStateRoot = ref$1.pushStateRoot; + if (win.cordova && pushState && !pushStateSeparator && !pushStateRoot && doc.location.pathname.indexOf('index.html')) { + // eslint-disable-next-line + console.warn('Framework7: wrong or not complete pushState configuration, trying to guess pushStateRoot'); + pushStateRoot = doc.location.pathname.split('index.html')[0]; + } + + if (!pushState || !pushStateOnLoad) { + if (!initUrl) { + initUrl = documentUrl; + } + if (doc.location.search && initUrl.indexOf('?') < 0) { + initUrl += doc.location.search; + } + if (doc.location.hash && initUrl.indexOf('#') < 0) { + initUrl += doc.location.hash; + } + } else { + if (pushStateRoot && documentUrl.indexOf(pushStateRoot) >= 0) { + documentUrl = documentUrl.split(pushStateRoot)[1]; + if (documentUrl === '') { documentUrl = '/'; } + } + if (pushStateSeparator.length > 0 && documentUrl.indexOf(pushStateSeparator) >= 0) { + initUrl = documentUrl.split(pushStateSeparator)[1]; + } else { + initUrl = documentUrl; + } + router.restoreHistory(); + if (router.history.indexOf(initUrl) >= 0) { + router.history = router.history.slice(0, router.history.indexOf(initUrl) + 1); + } else if (router.params.url === initUrl) { + router.history = [initUrl]; + } else if (History.state && History.state[view.id] && History.state[view.id].url === router.history[router.history.length - 1]) { + initUrl = router.history[router.history.length - 1]; + } else { + router.history = [documentUrl.split(pushStateSeparator)[0] || '/', initUrl]; + } + if (router.history.length > 1) { + historyRestored = true; + } else { + router.history = []; + } + router.saveHistory(); + } + var currentRoute; + if (router.history.length > 1) { + // Will load page + currentRoute = router.findMatchingRoute(router.history[0]); + if (!currentRoute) { + currentRoute = Utils.extend(router.parseRouteUrl(router.history[0]), { + route: { + url: router.history[0], + path: router.history[0].split('?')[0], + }, + }); + } + } else { + // Don't load page + currentRoute = router.findMatchingRoute(initUrl); + if (!currentRoute) { + currentRoute = Utils.extend(router.parseRouteUrl(initUrl), { + route: { + url: initUrl, + path: initUrl.split('?')[0], + }, + }); + } + } + + if (router.params.stackPages) { + router.$el.children('.page').each(function (index, pageEl) { + var $pageEl = $(pageEl); + router.initialPages.push($pageEl[0]); + if (router.separateNavbar && $pageEl.children('.navbar').length > 0) { + router.initialNavbars.push($pageEl.children('.navbar').find('.navbar-inner')[0]); + } + }); + } + + if (router.$el.children('.page:not(.stacked)').length === 0 && initUrl) { + // No pages presented in DOM, reload new page + router.navigate(initUrl, { + initial: true, + reloadCurrent: true, + pushState: false, + }); + } else { + // Init current DOM page + var hasTabRoute; + router.currentRoute = currentRoute; + router.$el.children('.page:not(.stacked)').each(function (index, pageEl) { + var $pageEl = $(pageEl); + var $navbarInnerEl; + $pageEl.addClass('page-current'); + if (router.separateNavbar) { + $navbarInnerEl = $pageEl.children('.navbar').children('.navbar-inner'); + if ($navbarInnerEl.length > 0) { + if (!router.$navbarEl.parents(doc).length) { + router.$el.prepend(router.$navbarEl); + } + $navbarInnerEl.addClass('navbar-current'); + router.$navbarEl.append($navbarInnerEl); + if ($navbarInnerEl.children('.title-large').length) { + $navbarInnerEl.addClass('navbar-inner-large'); + } + $pageEl.children('.navbar').remove(); + } else { + router.$navbarEl.addClass('navbar-hidden'); + if ($navbarInnerEl.children('.title-large').length) { + router.$navbarEl.addClass('navbar-hidden navbar-large-hidden'); + } + } + } + if (router.currentRoute && router.currentRoute.route && router.currentRoute.route.master && router.params.masterDetailBreakpoint > 0) { + $pageEl.addClass('page-master'); + $pageEl.trigger('page:role', { role: 'master' }); + if ($navbarInnerEl && $navbarInnerEl.length) { + $navbarInnerEl.addClass('navbar-master'); + } + } + var initOptions = { + route: router.currentRoute, + }; + if (router.currentRoute && router.currentRoute.route && router.currentRoute.route.options) { + Utils.extend(initOptions, router.currentRoute.route.options); + } + router.currentPageEl = $pageEl[0]; + if (router.separateNavbar && $navbarInnerEl.length) { + router.currentNavbarEl = $navbarInnerEl[0]; + } + router.removeThemeElements($pageEl); + if (router.separateNavbar && $navbarInnerEl.length) { + router.removeThemeElements($navbarInnerEl); + } + if (initOptions.route.route.tab) { + hasTabRoute = true; + router.tabLoad(initOptions.route.route.tab, Utils.extend({}, initOptions)); + } + router.pageCallback('init', $pageEl, $navbarInnerEl, 'current', undefined, initOptions); + }); + if (historyRestored) { + router.navigate(initUrl, { + initial: true, + pushState: false, + history: false, + animate: pushStateAnimateOnLoad, + once: { + pageAfterIn: function pageAfterIn() { + if (router.history.length > 2) { + router.back({ preload: true }); + } + }, + }, + }); + } + if (!historyRestored && !hasTabRoute) { + router.history.push(initUrl); + router.saveHistory(); + } + } + if (initUrl && pushState && pushStateOnLoad && (!History.state || !History.state[view.id])) { + History.initViewState(view.id, { + url: initUrl, + }); + } + router.emit('local::init routerInit', router); + }; + + Router.prototype.destroy = function destroy () { + var router = this; + + router.emit('local::destroy routerDestroy', router); + + // Delete props & methods + Object.keys(router).forEach(function (routerProp) { + router[routerProp] = null; + delete router[routerProp]; + }); + + router = null; + }; + + return Router; + }(Framework7Class)); + + // Load + Router.prototype.forward = forward; + Router.prototype.load = load; + Router.prototype.navigate = navigate; + Router.prototype.refreshPage = refreshPage; + // Tab + Router.prototype.tabLoad = tabLoad; + Router.prototype.tabRemove = tabRemove; + // Modal + Router.prototype.modalLoad = modalLoad; + Router.prototype.modalRemove = modalRemove; + // Back + Router.prototype.backward = backward; + Router.prototype.loadBack = loadBack; + Router.prototype.back = back; + // Clear previoius pages from the DOM + Router.prototype.clearPreviousPages = clearPreviousPages; + // Clear history + Router.prototype.clearPreviousHistory = clearPreviousHistory; + + var Router$1 = { + name: 'router', + static: { + Router: Router, + }, + instance: { + cache: { + xhr: [], + templates: [], + components: [], + }, + }, + create: function create() { + var instance = this; + if (instance.app) { + // View Router + if (instance.params.router) { + instance.router = new Router(instance.app, instance); + } + } else { + // App Router + instance.router = new Router(instance); + } + }, + }; + + var View = /*@__PURE__*/(function (Framework7Class$$1) { + function View(appInstance, el, viewParams) { + if ( viewParams === void 0 ) viewParams = {}; + + Framework7Class$$1.call(this, viewParams, [appInstance]); + + var app = appInstance; + var $el = $(el); + var view = this; + + var defaults = { + routes: [], + routesAdd: [], + }; + + // Default View params + view.params = Utils.extend(defaults, app.params.view, viewParams); + + // Routes + if (view.params.routes.length > 0) { + view.routes = view.params.routes; + } else { + view.routes = [].concat(app.routes, view.params.routesAdd); + } + + // Selector + var selector; + if (typeof el === 'string') { selector = el; } + else { + // Supposed to be HTMLElement or Dom7 + selector = ($el.attr('id') ? ("#" + ($el.attr('id'))) : '') + ($el.attr('class') ? ("." + ($el.attr('class').replace(/ /g, '.').replace('.active', ''))) : ''); + } + + // DynamicNavbar + var $navbarEl; + if (app.theme === 'ios' && view.params.iosDynamicNavbar && view.params.iosSeparateDynamicNavbar) { + $navbarEl = $el.children('.navbar').eq(0); + if ($navbarEl.length === 0) { + $navbarEl = $('
'); + } + } + + // View Props + Utils.extend(false, view, { + app: app, + $el: $el, + el: $el[0], + name: view.params.name, + main: view.params.main || $el.hasClass('view-main'), + $navbarEl: $navbarEl, + navbarEl: $navbarEl ? $navbarEl[0] : undefined, + selector: selector, + history: [], + scrollHistory: {}, + }); + + // Save in DOM + $el[0].f7View = view; + + // Install Modules + view.useModules(); + + // Add to app + app.views.push(view); + if (view.main) { + app.views.main = view; + } + if (view.name) { + app.views[view.name] = view; + } + + // Index + view.index = app.views.indexOf(view); + + // View ID + var viewId; + if (view.name) { + viewId = "view_" + (view.name); + } else if (view.main) { + viewId = 'view_main'; + } else { + viewId = "view_" + (view.index); + } + view.id = viewId; + + // Init View + if (app.initialized) { + view.init(); + } else { + app.on('init', function () { + view.init(); + }); + } + + return view; + } + + if ( Framework7Class$$1 ) View.__proto__ = Framework7Class$$1; + View.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + View.prototype.constructor = View; + + View.prototype.destroy = function destroy () { + var view = this; + var app = view.app; + + view.$el.trigger('view:beforedestroy', view); + view.emit('local::beforeDestroy viewBeforeDestroy', view); + + app.off('resize', view.checkmasterDetailBreakpoint); + + if (view.main) { + app.views.main = null; + delete app.views.main; + } else if (view.name) { + app.views[view.name] = null; + delete app.views[view.name]; + } + view.$el[0].f7View = null; + delete view.$el[0].f7View; + + app.views.splice(app.views.indexOf(view), 1); + + // Destroy Router + if (view.params.router && view.router) { + view.router.destroy(); + } + + view.emit('local::destroy viewDestroy', view); + + // Delete props & methods + Object.keys(view).forEach(function (viewProp) { + view[viewProp] = null; + delete view[viewProp]; + }); + + view = null; + }; + + View.prototype.checkmasterDetailBreakpoint = function checkmasterDetailBreakpoint () { + var view = this; + var app = view.app; + var wasMasterDetail = view.$el.hasClass('view-master-detail'); + if (app.width >= view.params.masterDetailBreakpoint) { + view.$el.addClass('view-master-detail'); + if (!wasMasterDetail) { + view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint'); + view.$el.trigger('view:masterDetailBreakpoint', view); + } + } else { + view.$el.removeClass('view-master-detail'); + if (wasMasterDetail) { + view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint'); + view.$el.trigger('view:masterDetailBreakpoint', view); + } + } + }; + + View.prototype.initMasterDetail = function initMasterDetail () { + var view = this; + var app = view.app; + view.checkmasterDetailBreakpoint = view.checkmasterDetailBreakpoint.bind(view); + view.checkmasterDetailBreakpoint(); + app.on('resize', view.checkmasterDetailBreakpoint); + }; + + View.prototype.init = function init () { + var view = this; + if (view.params.router) { + if (view.params.masterDetailBreakpoint > 0) { + view.initMasterDetail(); + } + view.router.init(); + view.$el.trigger('view:init', view); + view.emit('local::init viewInit', view); + } + }; + + return View; + }(Framework7Class)); + + // Use Router + View.use(Router$1); + + function initClicks(app) { + function handleClicks(e) { + var $clickedEl = $(e.target); + var $clickedLinkEl = $clickedEl.closest('a'); + var isLink = $clickedLinkEl.length > 0; + var url = isLink && $clickedLinkEl.attr('href'); + var isTabLink = isLink && $clickedLinkEl.hasClass('tab-link') && ($clickedLinkEl.attr('data-tab') || (url && url.indexOf('#') === 0)); + + // Check if link is external + if (isLink) { + // eslint-disable-next-line + if ($clickedLinkEl.is(app.params.clicks.externalLinks) || (url && url.indexOf('javascript:') >= 0)) { + var target = $clickedLinkEl.attr('target'); + if ( + url + && win.cordova + && win.cordova.InAppBrowser + && (target === '_system' || target === '_blank') + ) { + e.preventDefault(); + win.cordova.InAppBrowser.open(url, target); + } + return; + } + } + + // Modules Clicks + Object.keys(app.modules).forEach(function (moduleName) { + var moduleClicks = app.modules[moduleName].clicks; + if (!moduleClicks) { return; } + Object.keys(moduleClicks).forEach(function (clickSelector) { + var matchingClickedElement = $clickedEl.closest(clickSelector).eq(0); + if (matchingClickedElement.length > 0) { + moduleClicks[clickSelector].call(app, matchingClickedElement, matchingClickedElement.dataset(), e); + } + }); + }); + + + // Load Page + var clickedLinkData = {}; + if (isLink) { + e.preventDefault(); + clickedLinkData = $clickedLinkEl.dataset(); + } + + // Prevent Router + if ($clickedLinkEl.hasClass('prevent-router') || $clickedLinkEl.hasClass('router-prevent')) { return; } + + var validUrl = url && url.length > 0 && url !== '#' && !isTabLink; + if (validUrl || $clickedLinkEl.hasClass('back')) { + var view; + if (clickedLinkData.view) { + view = $(clickedLinkData.view)[0].f7View; + } else { + view = $clickedEl.parents('.view')[0] && $clickedEl.parents('.view')[0].f7View; + if (!$clickedLinkEl.hasClass('back') && view && view.params.linksView) { + if (typeof view.params.linksView === 'string') { view = $(view.params.linksView)[0].f7View; } + else if (view.params.linksView instanceof View) { view = view.params.linksView; } + } + } + if (!view) { + if (app.views.main) { view = app.views.main; } + } + if (!view || !view.router) { return; } + if (clickedLinkData.context && typeof clickedLinkData.context === 'string') { + try { + clickedLinkData.context = JSON.parse(clickedLinkData.context); + } catch (err) { + // something wrong there + } + } + if ($clickedLinkEl[0].f7RouteProps) { + clickedLinkData.props = $clickedLinkEl[0].f7RouteProps; + } + if ($clickedLinkEl.hasClass('back')) { view.router.back(url, clickedLinkData); } + else { view.router.navigate(url, clickedLinkData); } + } + } + + app.on('click', handleClicks); + + // TODO: check if need this in iOS + // Prevent scrolling on overlays + // function preventScrolling(e) { + // e.preventDefault(); + // } + // if (Support.touch && !Device.android) { + // const activeListener = Support.passiveListener ? { passive: false, capture: false } : false; + // $(document).on((app.params.touch.fastClicks ? 'touchstart' : 'touchmove'), '.panel-backdrop, .dialog-backdrop, .preloader-backdrop, .popup-backdrop, .searchbar-backdrop', preventScrolling, activeListener); + // } + } + var ClicksModule = { + name: 'clicks', + params: { + clicks: { + // External Links + externalLinks: '.external', + }, + }, + on: { + init: function init() { + var app = this; + initClicks(app); + }, + }, + }; + + var RouterTemplateLoaderModule = { + name: 'routerTemplateLoader', + proto: { + templateLoader: function templateLoader(template, templateUrl, options, resolve, reject) { + var router = this; + function compile(t) { + var compiledHtml; + var context; + try { + context = options.context || {}; + if (typeof context === 'function') { context = context.call(router); } + else if (typeof context === 'string') { + try { + context = JSON.parse(context); + } catch (err) { + reject(); + throw (err); + } + } + if (typeof t === 'function') { + compiledHtml = t(context); + } else { + compiledHtml = Template7.compile(t)(Utils.extend({}, context || {}, { + $app: router.app, + $root: Utils.extend({}, router.app.data, router.app.methods), + $route: options.route, + $f7route: options.route, + $router: router, + $f7router: router, + $theme: { + ios: router.app.theme === 'ios', + md: router.app.theme === 'md', + }, + })); + } + } catch (err) { + reject(); + throw (err); + } + resolve(compiledHtml, { context: context }); + } + if (templateUrl) { + // Load via XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router + .xhrRequest(templateUrl, options) + .then(function (templateContent) { + compile(templateContent); + }) + .catch(function () { + reject(); + }); + } else { + compile(template); + } + }, + + modalTemplateLoader: function modalTemplateLoader(template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html) { + resolve(html); + }, reject); + }, + + tabTemplateLoader: function tabTemplateLoader(template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html) { + resolve(html); + }, reject); + }, + + pageTemplateLoader: function pageTemplateLoader(template, templateUrl, options, resolve, reject) { + var router = this; + return router.templateLoader(template, templateUrl, options, function (html, newOptions) { + if ( newOptions === void 0 ) newOptions = {}; + + resolve(router.getPageEl(html), newOptions); + }, reject); + }, + }, + }; + + var RouterComponentLoaderModule = { + name: 'routerComponentLoader', + proto: { + componentLoader: function componentLoader(component, componentUrl, options, resolve, reject) { + if ( options === void 0 ) options = {}; + + var router = this; + var app = router.app; + var url = typeof component === 'string' ? component : componentUrl; + var compiledUrl = router.replaceRequestUrlParams(url, options); + function compile(componentOptions) { + var context = options.context || {}; + if (typeof context === 'function') { context = context.call(router); } + else if (typeof context === 'string') { + try { + context = JSON.parse(context); + } catch (err) { + reject(); + throw (err); + } + } + var extendContext = Utils.merge( + {}, + context, + { + $route: options.route, + $f7route: options.route, + $router: router, + $f7router: router, + $theme: { + ios: app.theme === 'ios', + md: app.theme === 'md', + }, + } + ); + var createdComponent = app.component.create(componentOptions, extendContext); + resolve(createdComponent.el); + } + var cachedComponent; + if (compiledUrl) { + router.cache.components.forEach(function (cached) { + if (cached.url === compiledUrl) { cachedComponent = cached.component; } + }); + } + if (compiledUrl && cachedComponent) { + compile(cachedComponent); + } else if (compiledUrl && !cachedComponent) { + // Load via XHR + if (router.xhr) { + router.xhr.abort(); + router.xhr = false; + } + router + .xhrRequest(url, options) + .then(function (loadedComponent) { + var parsedComponent = app.component.parse(loadedComponent); + router.cache.components.push({ + url: compiledUrl, + component: parsedComponent, + }); + compile(parsedComponent); + }) + .catch(function (err) { + reject(); + throw (err); + }); + } else { + compile(component); + } + }, + + modalComponentLoader: function modalComponentLoader(rootEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el) { + resolve(el); + }, reject); + }, + + tabComponentLoader: function tabComponentLoader(tabEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el) { + resolve(el); + }, reject); + }, + + pageComponentLoader: function pageComponentLoader(routerEl, component, componentUrl, options, resolve, reject) { + var router = this; + router.componentLoader(component, componentUrl, options, function (el, newOptions) { + if ( newOptions === void 0 ) newOptions = {}; + + resolve(el, newOptions); + }, reject); + }, + }, + }; + + var HistoryModule = { + name: 'history', + static: { + history: History, + }, + on: { + init: function init() { + History.init(this); + }, + }, + }; + + var keyPrefix = 'f7storage-'; + var Storage = { + get: function get(key) { + return new Promise(function (resolve, reject) { + try { + var value = JSON.parse(win.localStorage.getItem(("" + keyPrefix + key))); + resolve(value); + } catch (e) { + reject(e); + } + }); + }, + set: function set(key, value) { + return new Promise(function (resolve, reject) { + try { + win.localStorage.setItem(("" + keyPrefix + key), JSON.stringify(value)); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + remove: function remove(key) { + return new Promise(function (resolve, reject) { + try { + win.localStorage.removeItem(("" + keyPrefix + key)); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + clear: function clear() { + + }, + length: function length() { + + }, + keys: function keys() { + return new Promise(function (resolve, reject) { + try { + var keys = Object.keys(win.localStorage) + .filter(function (keyName) { return keyName.indexOf(keyPrefix) === 0; }) + .map(function (keyName) { return keyName.replace(keyPrefix, ''); }); + resolve(keys); + } catch (e) { + reject(e); + } + }); + }, + forEach: function forEach(callback) { + return new Promise(function (resolve, reject) { + try { + Object.keys(win.localStorage) + .filter(function (keyName) { return keyName.indexOf(keyPrefix) === 0; }) + .forEach(function (keyName, index) { + var key = keyName.replace(keyPrefix, ''); + Storage.get(key).then(function (value) { + callback(key, value, index); + }); + }); + resolve(); + } catch (e) { + reject(e); + } + }); + }, + }; + + var StorageModule = { + name: 'storage', + static: { + Storage: Storage, + storage: Storage, + }, + }; + + function vnode(sel, data, children, text, elm) { + var key = data === undefined ? undefined : data.key; + return { sel: sel, data: data, children: children, + text: text, elm: elm, key: key }; + } + + var array = Array.isArray; + function primitive(s) { + return typeof s === 'string' || typeof s === 'number'; + } + + function addNS(data, children, sel) { + data.ns = 'http://www.w3.org/2000/svg'; + if (sel !== 'foreignObject' && children !== undefined) { + for (var i = 0; i < children.length; ++i) { + var childData = children[i].data; + if (childData !== undefined) { + addNS(childData, children[i].children, children[i].sel); + } + } + } + } + function h(sel, b, c) { + var data = {}, children, text, i; + if (c !== undefined) { + data = b; + if (array(c)) { + children = c; + } + else if (primitive(c)) { + text = c; + } + else if (c && c.sel) { + children = [c]; + } + } + else if (b !== undefined) { + if (array(b)) { + children = b; + } + else if (primitive(b)) { + text = b; + } + else if (b && b.sel) { + children = [b]; + } + else { + data = b; + } + } + if (array(children)) { + for (i = 0; i < children.length; ++i) { + if (primitive(children[i])) + { children[i] = vnode(undefined, undefined, undefined, children[i], undefined); } + } + } + if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g' && + (sel.length === 3 || sel[3] === '.' || sel[3] === '#')) { + addNS(data, children, sel); + } + return vnode(sel, data, children, text, undefined); + } + + /* eslint no-use-before-define: "off" */ + + var selfClosing = 'area base br col command embed hr img input keygen link menuitem meta param source track wbr'.split(' '); + var propsAttrs = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple value'.split(' '); + var booleanProps = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple readOnly'.split(' '); + var tempDom = doc.createElement('div'); + + function getHooks(data, app, initial, isRoot) { + var hooks = {}; + if (!data || !data.attrs || !data.attrs.class) { return hooks; } + var classNames = data.attrs.class; + var insert = []; + var destroy = []; + var update = []; + var postpatch = []; + classNames.split(' ').forEach(function (className) { + if (!initial) { + insert.push.apply(insert, app.getVnodeHooks('insert', className)); + } + destroy.push.apply(destroy, app.getVnodeHooks('destroy', className)); + update.push.apply(update, app.getVnodeHooks('update', className)); + postpatch.push.apply(postpatch, app.getVnodeHooks('postpatch', className)); + }); + + if (isRoot && !initial) { + postpatch.push(function (oldVnode, vnode) { + var vn = vnode || oldVnode; + if (!vn) { return; } + if (vn.data && vn.data.context && vn.data.context.$options.updated) { + vn.data.context.$options.updated(); + } + }); + } + if (insert.length === 0 && destroy.length === 0 && update.length === 0 && postpatch.length === 0) { + return hooks; + } + if (insert.length) { + hooks.insert = function (vnode) { + insert.forEach(function (f) { return f(vnode); }); + }; + } + if (destroy.length) { + hooks.destroy = function (vnode) { + destroy.forEach(function (f) { return f(vnode); }); + }; + } + if (update.length) { + hooks.update = function (oldVnode, vnode) { + update.forEach(function (f) { return f(oldVnode, vnode); }); + }; + } + if (postpatch.length) { + hooks.postpatch = function (oldVnode, vnode) { + postpatch.forEach(function (f) { return f(oldVnode, vnode); }); + }; + } + + return hooks; + } + function getEventHandler(handlerString, context, ref) { + if ( ref === void 0 ) ref = {}; + var stop = ref.stop; + var prevent = ref.prevent; + var once = ref.once; + + var fired = false; + + var methodName; + var method; + var customArgs = []; + var needMethodBind = true; + + if (handlerString.indexOf('(') < 0) { + methodName = handlerString; + } else { + methodName = handlerString.split('(')[0]; + } + if (methodName.indexOf('.') >= 0) { + methodName.split('.').forEach(function (path, pathIndex) { + if (pathIndex === 0 && path === 'this') { return; } + if (pathIndex === 0 && path === 'window') { + // eslint-disable-next-line + method = win; + needMethodBind = false; + return; + } + if (!method) { method = context; } + if (method[path]) { method = method[path]; } + else { + throw new Error(("Framework7: Component doesn't have method \"" + (methodName.split('.').slice(0, pathIndex + 1).join('.')) + "\"")); + } + }); + } else { + if (!context[methodName]) { + throw new Error(("Framework7: Component doesn't have method \"" + methodName + "\"")); + } + method = context[methodName]; + } + if (needMethodBind) { + method = method.bind(context); + } + + function handler() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var e = args[0]; + if (once && fired) { return; } + if (stop) { e.stopPropagation(); } + if (prevent) { e.preventDefault(); } + fired = true; + + if (handlerString.indexOf('(') < 0) { + customArgs = args; + } else { + handlerString.split('(')[1].split(')')[0].split(',').forEach(function (argument) { + var arg = argument.trim(); + // eslint-disable-next-line + if (!isNaN(arg)) { arg = parseFloat(arg); } + else if (arg === 'true') { arg = true; } + else if (arg === 'false') { arg = false; } + else if (arg === 'null') { arg = null; } + else if (arg === 'undefined') { arg = undefined; } + else if (arg[0] === '"') { arg = arg.replace(/"/g, ''); } + else if (arg[0] === '\'') { arg = arg.replace(/'/g, ''); } + else if (arg.indexOf('.') > 0) { + var deepArg; + arg.split('.').forEach(function (path) { + if (!deepArg) { deepArg = context; } + deepArg = deepArg[path]; + }); + arg = deepArg; + } else { + arg = context[arg]; + } + customArgs.push(arg); + }); + } + + method.apply(void 0, customArgs); + } + + return handler; + } + + function getData(el, context, app, initial, isRoot) { + var data = { + context: context, + }; + var attributes = el.attributes; + Array.prototype.forEach.call(attributes, function (attr) { + var attrName = attr.name; + var attrValue = attr.value; + if (propsAttrs.indexOf(attrName) >= 0) { + // Props + if (!data.props) { data.props = {}; } + if (attrName === 'readonly') { + attrName = 'readOnly'; + } + if (booleanProps.indexOf(attrName) >= 0) { + // eslint-disable-next-line + data.props[attrName] = attrValue === false ? false : true; + } else { + data.props[attrName] = attrValue; + } + } else if (attrName === 'key') { + // Key + data.key = attrValue; + } else if (attrName.indexOf('@') === 0) { + // Events + if (!data.on) { data.on = {}; } + var eventName = attrName.substr(1); + var stop = false; + var prevent = false; + var once = false; + if (eventName.indexOf('.') >= 0) { + eventName.split('.').forEach(function (eventNamePart, eventNameIndex) { + if (eventNameIndex === 0) { eventName = eventNamePart; } + else { + if (eventNamePart === 'stop') { stop = true; } + if (eventNamePart === 'prevent') { prevent = true; } + if (eventNamePart === 'once') { once = true; } + } + }); + } + data.on[eventName] = getEventHandler(attrValue, context, { stop: stop, prevent: prevent, once: once }); + } else if (attrName === 'style') { + // Style + if (attrValue.indexOf('{') >= 0 && attrValue.indexOf('}') >= 0) { + try { + data.style = JSON.parse(attrValue); + } catch (e) { + if (!data.attrs) { data.attrs = {}; } + data.attrs.style = attrValue; + } + } else { + if (!data.attrs) { data.attrs = {}; } + data.attrs.style = attrValue; + } + } else { + // Rest of attribures + if (!data.attrs) { data.attrs = {}; } + data.attrs[attrName] = attrValue; + + // ID -> Key + if (attrName === 'id' && !data.key && !isRoot) { + data.key = attrValue; + } + } + }); + var hooks = getHooks(data, app, initial, isRoot); + hooks.prepatch = function (oldVnode, vnode) { + if (!oldVnode || !vnode) { return; } + if (oldVnode && oldVnode.data && oldVnode.data.props) { + Object.keys(oldVnode.data.props).forEach(function (key) { + if (booleanProps.indexOf(key) < 0) { return; } + if (!vnode.data) { vnode.data = {}; } + if (!vnode.data.props) { vnode.data.props = {}; } + if (oldVnode.data.props[key] === true && !(key in vnode.data.props)) { + vnode.data.props[key] = false; + } + }); + } + }; + if (hooks) { + data.hook = hooks; + } + return data; + } + + function getChildren(el, context, app, initial) { + var children = []; + var nodes = el.childNodes; + for (var i = 0; i < nodes.length; i += 1) { + var childNode = nodes[i]; + var child = elementToVNode(childNode, context, app, initial); + if (child) { + children.push(child); + } + } + return children; + } + + function elementToVNode(el, context, app, initial, isRoot) { + if (el.nodeType === 1) { + // element + var tagName = el.nodeName.toLowerCase(); + return h( + tagName, + getData(el, context, app, initial, isRoot), + selfClosing.indexOf(tagName) >= 0 ? [] : getChildren(el, context, app, initial) + ); + } + if (el.nodeType === 3) { + // text + return el.textContent; + } + return null; + } + + function vdom (html, context, app, initial) { + if ( html === void 0 ) html = ''; + + // Save to temp dom + tempDom.innerHTML = html.trim(); + + // Parse DOM + var rootEl; + for (var i = 0; i < tempDom.childNodes.length; i += 1) { + if (!rootEl && tempDom.childNodes[i].nodeType === 1) { + rootEl = tempDom.childNodes[i]; + } + } + var result = elementToVNode(rootEl, context, app, initial, true); + + // Clean + tempDom.innerHTML = ''; + + return result; + } + + function createElement(tagName) { + return document.createElement(tagName); + } + function createElementNS(namespaceURI, qualifiedName) { + return document.createElementNS(namespaceURI, qualifiedName); + } + function createTextNode(text) { + return document.createTextNode(text); + } + function createComment(text) { + return document.createComment(text); + } + function insertBefore$1(parentNode, newNode, referenceNode) { + parentNode.insertBefore(newNode, referenceNode); + } + function removeChild(node, child) { + if (!node) { return; } + node.removeChild(child); + } + function appendChild(node, child) { + node.appendChild(child); + } + function parentNode(node) { + return node.parentNode; + } + function nextSibling(node) { + return node.nextSibling; + } + function tagName(elm) { + return elm.tagName; + } + function setTextContent(node, text) { + node.textContent = text; + } + function getTextContent(node) { + return node.textContent; + } + function isElement(node) { + return node.nodeType === 1; + } + function isText(node) { + return node.nodeType === 3; + } + function isComment(node) { + return node.nodeType === 8; + } + var htmlDomApi = { + createElement: createElement, + createElementNS: createElementNS, + createTextNode: createTextNode, + createComment: createComment, + insertBefore: insertBefore$1, + removeChild: removeChild, + appendChild: appendChild, + parentNode: parentNode, + nextSibling: nextSibling, + tagName: tagName, + setTextContent: setTextContent, + getTextContent: getTextContent, + isElement: isElement, + isText: isText, + isComment: isComment, + }; + + function isUndef(s) { return s === undefined; } + function isDef(s) { return s !== undefined; } + var emptyNode = vnode('', {}, [], undefined, undefined); + function sameVnode(vnode1, vnode2) { + return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel; + } + function isVnode(vnode$$1) { + return vnode$$1.sel !== undefined; + } + function createKeyToOldIdx(children, beginIdx, endIdx) { + var i, map = {}, key, ch; + for (i = beginIdx; i <= endIdx; ++i) { + ch = children[i]; + if (ch != null) { + key = ch.key; + if (key !== undefined) + { map[key] = i; } + } + } + return map; + } + var hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post']; + function init$1(modules, domApi) { + var i, j, cbs = {}; + var api = domApi !== undefined ? domApi : htmlDomApi; + for (i = 0; i < hooks.length; ++i) { + cbs[hooks[i]] = []; + for (j = 0; j < modules.length; ++j) { + var hook = modules[j][hooks[i]]; + if (hook !== undefined) { + cbs[hooks[i]].push(hook); + } + } + } + function emptyNodeAt(elm) { + var id = elm.id ? '#' + elm.id : ''; + var c = elm.className ? '.' + elm.className.split(' ').join('.') : ''; + return vnode(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm); + } + function createRmCb(childElm, listeners) { + return function rmCb() { + if (--listeners === 0) { + var parent_1 = api.parentNode(childElm); + api.removeChild(parent_1, childElm); + } + }; + } + function createElm(vnode$$1, insertedVnodeQueue) { + var i, data = vnode$$1.data; + if (data !== undefined) { + if (isDef(i = data.hook) && isDef(i = i.init)) { + i(vnode$$1); + data = vnode$$1.data; + } + } + var children = vnode$$1.children, sel = vnode$$1.sel; + if (sel === '!') { + if (isUndef(vnode$$1.text)) { + vnode$$1.text = ''; + } + vnode$$1.elm = api.createComment(vnode$$1.text); + } + else if (sel !== undefined) { + // Parse selector + var hashIdx = sel.indexOf('#'); + var dotIdx = sel.indexOf('.', hashIdx); + var hash = hashIdx > 0 ? hashIdx : sel.length; + var dot = dotIdx > 0 ? dotIdx : sel.length; + var tag = hashIdx !== -1 || dotIdx !== -1 ? sel.slice(0, Math.min(hash, dot)) : sel; + var elm = vnode$$1.elm = isDef(data) && isDef(i = data.ns) ? api.createElementNS(i, tag) + : api.createElement(tag); + if (hash < dot) + { elm.setAttribute('id', sel.slice(hash + 1, dot)); } + if (dotIdx > 0) + { elm.setAttribute('class', sel.slice(dot + 1).replace(/\./g, ' ')); } + for (i = 0; i < cbs.create.length; ++i) + { cbs.create[i](emptyNode, vnode$$1); } + if (array(children)) { + for (i = 0; i < children.length; ++i) { + var ch = children[i]; + if (ch != null) { + api.appendChild(elm, createElm(ch, insertedVnodeQueue)); + } + } + } + else if (primitive(vnode$$1.text)) { + api.appendChild(elm, api.createTextNode(vnode$$1.text)); + } + i = vnode$$1.data.hook; // Reuse variable + if (isDef(i)) { + if (i.create) + { i.create(emptyNode, vnode$$1); } + if (i.insert) + { insertedVnodeQueue.push(vnode$$1); } + } + } + else { + vnode$$1.elm = api.createTextNode(vnode$$1.text); + } + return vnode$$1.elm; + } + function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) { + for (; startIdx <= endIdx; ++startIdx) { + var ch = vnodes[startIdx]; + if (ch != null) { + api.insertBefore(parentElm, createElm(ch, insertedVnodeQueue), before); + } + } + } + function invokeDestroyHook(vnode$$1) { + var i, j, data = vnode$$1.data; + if (data !== undefined) { + if (isDef(i = data.hook) && isDef(i = i.destroy)) + { i(vnode$$1); } + for (i = 0; i < cbs.destroy.length; ++i) + { cbs.destroy[i](vnode$$1); } + if (vnode$$1.children !== undefined) { + for (j = 0; j < vnode$$1.children.length; ++j) { + i = vnode$$1.children[j]; + if (i != null && typeof i !== "string") { + invokeDestroyHook(i); + } + } + } + } + } + function removeVnodes(parentElm, vnodes, startIdx, endIdx) { + for (; startIdx <= endIdx; ++startIdx) { + var i_1 = void 0, listeners = void 0, rm = void 0, ch = vnodes[startIdx]; + if (ch != null) { + if (isDef(ch.sel)) { + invokeDestroyHook(ch); + listeners = cbs.remove.length + 1; + rm = createRmCb(ch.elm, listeners); + for (i_1 = 0; i_1 < cbs.remove.length; ++i_1) + { cbs.remove[i_1](ch, rm); } + if (isDef(i_1 = ch.data) && isDef(i_1 = i_1.hook) && isDef(i_1 = i_1.remove)) { + i_1(ch, rm); + } + else { + rm(); + } + } + else { + api.removeChild(parentElm, ch.elm); + } + } + } + } + function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) { + var oldStartIdx = 0, newStartIdx = 0; + var oldEndIdx = oldCh.length - 1; + var oldStartVnode = oldCh[0]; + var oldEndVnode = oldCh[oldEndIdx]; + var newEndIdx = newCh.length - 1; + var newStartVnode = newCh[0]; + var newEndVnode = newCh[newEndIdx]; + var oldKeyToIdx; + var idxInOld; + var elmToMove; + var before; + while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) { + if (oldStartVnode == null) { + oldStartVnode = oldCh[++oldStartIdx]; // Vnode might have been moved left + } + else if (oldEndVnode == null) { + oldEndVnode = oldCh[--oldEndIdx]; + } + else if (newStartVnode == null) { + newStartVnode = newCh[++newStartIdx]; + } + else if (newEndVnode == null) { + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldStartVnode, newStartVnode)) { + patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue); + oldStartVnode = oldCh[++oldStartIdx]; + newStartVnode = newCh[++newStartIdx]; + } + else if (sameVnode(oldEndVnode, newEndVnode)) { + patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue); + oldEndVnode = oldCh[--oldEndIdx]; + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldStartVnode, newEndVnode)) { + patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue); + api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm)); + oldStartVnode = oldCh[++oldStartIdx]; + newEndVnode = newCh[--newEndIdx]; + } + else if (sameVnode(oldEndVnode, newStartVnode)) { + patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue); + api.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm); + oldEndVnode = oldCh[--oldEndIdx]; + newStartVnode = newCh[++newStartIdx]; + } + else { + if (oldKeyToIdx === undefined) { + oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); + } + idxInOld = oldKeyToIdx[newStartVnode.key]; + if (isUndef(idxInOld)) { + api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm); + newStartVnode = newCh[++newStartIdx]; + } + else { + elmToMove = oldCh[idxInOld]; + if (elmToMove.sel !== newStartVnode.sel) { + api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm); + } + else { + patchVnode(elmToMove, newStartVnode, insertedVnodeQueue); + oldCh[idxInOld] = undefined; + api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm); + } + newStartVnode = newCh[++newStartIdx]; + } + } + } + if (oldStartIdx <= oldEndIdx || newStartIdx <= newEndIdx) { + if (oldStartIdx > oldEndIdx) { + before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm; + addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue); + } + else { + removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx); + } + } + } + function patchVnode(oldVnode, vnode$$1, insertedVnodeQueue) { + var i, hook; + if (isDef(i = vnode$$1.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) { + i(oldVnode, vnode$$1); + } + var elm = vnode$$1.elm = oldVnode.elm; + var oldCh = oldVnode.children; + var ch = vnode$$1.children; + if (oldVnode === vnode$$1) + { return; } + if (vnode$$1.data !== undefined) { + for (i = 0; i < cbs.update.length; ++i) + { cbs.update[i](oldVnode, vnode$$1); } + i = vnode$$1.data.hook; + if (isDef(i) && isDef(i = i.update)) + { i(oldVnode, vnode$$1); } + } + if (isUndef(vnode$$1.text)) { + if (isDef(oldCh) && isDef(ch)) { + if (oldCh !== ch) + { updateChildren(elm, oldCh, ch, insertedVnodeQueue); } + } + else if (isDef(ch)) { + if (isDef(oldVnode.text)) + { api.setTextContent(elm, ''); } + addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue); + } + else if (isDef(oldCh)) { + removeVnodes(elm, oldCh, 0, oldCh.length - 1); + } + else if (isDef(oldVnode.text)) { + api.setTextContent(elm, ''); + } + } + else if (oldVnode.text !== vnode$$1.text) { + api.setTextContent(elm, vnode$$1.text); + } + if (isDef(hook) && isDef(i = hook.postpatch)) { + i(oldVnode, vnode$$1); + } + } + return function patch(oldVnode, vnode$$1) { + var i, elm, parent; + var insertedVnodeQueue = []; + for (i = 0; i < cbs.pre.length; ++i) + { cbs.pre[i](); } + if (!isVnode(oldVnode)) { + oldVnode = emptyNodeAt(oldVnode); + } + if (sameVnode(oldVnode, vnode$$1)) { + patchVnode(oldVnode, vnode$$1, insertedVnodeQueue); + } + else { + elm = oldVnode.elm; + parent = api.parentNode(elm); + createElm(vnode$$1, insertedVnodeQueue); + if (parent !== null) { + api.insertBefore(parent, vnode$$1.elm, api.nextSibling(elm)); + removeVnodes(parent, [oldVnode], 0, 0); + } + } + for (i = 0; i < insertedVnodeQueue.length; ++i) { + insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]); + } + for (i = 0; i < cbs.post.length; ++i) + { cbs.post[i](); } + return vnode$$1; + }; + } + + var xlinkNS = 'http://www.w3.org/1999/xlink'; + var xmlNS = 'http://www.w3.org/XML/1998/namespace'; + var colonChar = 58; + var xChar = 120; + function updateAttrs(oldVnode, vnode) { + var key, elm = vnode.elm, oldAttrs = oldVnode.data.attrs, attrs = vnode.data.attrs; + if (!oldAttrs && !attrs) + { return; } + if (oldAttrs === attrs) + { return; } + oldAttrs = oldAttrs || {}; + attrs = attrs || {}; + // update modified attributes, add new attributes + for (key in attrs) { + var cur = attrs[key]; + var old = oldAttrs[key]; + if (old !== cur) { + if (cur === true) { + elm.setAttribute(key, ""); + } + else if (cur === false) { + elm.removeAttribute(key); + } + else { + if (key.charCodeAt(0) !== xChar) { + elm.setAttribute(key, cur); + } + else if (key.charCodeAt(3) === colonChar) { + // Assume xml namespace + elm.setAttributeNS(xmlNS, key, cur); + } + else if (key.charCodeAt(5) === colonChar) { + // Assume xlink namespace + elm.setAttributeNS(xlinkNS, key, cur); + } + else { + elm.setAttribute(key, cur); + } + } + } + } + // remove removed attributes + // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value) + // the other option is to remove all attributes with value == undefined + for (key in oldAttrs) { + if (!(key in attrs)) { + elm.removeAttribute(key); + } + } + } + var attributesModule = { create: updateAttrs, update: updateAttrs }; + + function updateProps(oldVnode, vnode) { + var key, cur, old, elm = vnode.elm, oldProps = oldVnode.data.props, props = vnode.data.props; + if (!oldProps && !props) + { return; } + if (oldProps === props) + { return; } + oldProps = oldProps || {}; + props = props || {}; + for (key in oldProps) { + if (!props[key]) { + delete elm[key]; + } + } + for (key in props) { + cur = props[key]; + old = oldProps[key]; + if (old !== cur && (key !== 'value' || elm[key] !== cur)) { + elm[key] = cur; + } + } + } + var propsModule = { create: updateProps, update: updateProps }; + + var raf = (typeof window !== 'undefined' && window.requestAnimationFrame) || setTimeout; + var nextFrame = function (fn) { raf(function () { raf(fn); }); }; + function setNextFrame(obj, prop, val) { + nextFrame(function () { obj[prop] = val; }); + } + function updateStyle(oldVnode, vnode) { + var cur, name, elm = vnode.elm, oldStyle = oldVnode.data.style, style = vnode.data.style; + if (!oldStyle && !style) + { return; } + if (oldStyle === style) + { return; } + oldStyle = oldStyle || {}; + style = style || {}; + var oldHasDel = 'delayed' in oldStyle; + for (name in oldStyle) { + if (!style[name]) { + if (name[0] === '-' && name[1] === '-') { + elm.style.removeProperty(name); + } + else { + elm.style[name] = ''; + } + } + } + for (name in style) { + cur = style[name]; + if (name === 'delayed' && style.delayed) { + for (var name2 in style.delayed) { + cur = style.delayed[name2]; + if (!oldHasDel || cur !== oldStyle.delayed[name2]) { + setNextFrame(elm.style, name2, cur); + } + } + } + else if (name !== 'remove' && cur !== oldStyle[name]) { + if (name[0] === '-' && name[1] === '-') { + elm.style.setProperty(name, cur); + } + else { + elm.style[name] = cur; + } + } + } + } + function applyDestroyStyle(vnode) { + var style, name, elm = vnode.elm, s = vnode.data.style; + if (!s || !(style = s.destroy)) + { return; } + for (name in style) { + elm.style[name] = style[name]; + } + } + function applyRemoveStyle(vnode, rm) { + var s = vnode.data.style; + if (!s || !s.remove) { + rm(); + return; + } + var name, elm = vnode.elm, i = 0, compStyle, style = s.remove, amount = 0, applied = []; + for (name in style) { + applied.push(name); + elm.style[name] = style[name]; + } + compStyle = getComputedStyle(elm); + var props = compStyle['transition-property'].split(', '); + for (; i < props.length; ++i) { + if (applied.indexOf(props[i]) !== -1) + { amount++; } + } + elm.addEventListener('transitionend', function (ev) { + if (ev.target === elm) + { --amount; } + if (amount === 0) + { rm(); } + }); + } + var styleModule = { + create: updateStyle, + update: updateStyle, + destroy: applyDestroyStyle, + remove: applyRemoveStyle + }; + + function invokeHandler(handler, event, args) { + if (typeof handler === 'function') { + // call function handler + handler.apply(void 0, [ event ].concat( args )); + } + } + function handleEvent(event, args, vnode) { + var name = event.type; + var on = vnode.data.on; + // call event handler(s) if exists + if (on && on[name]) { + invokeHandler(on[name], event, args, vnode); + } + } + function createListener() { + return function handler(event) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + handleEvent(event, args, handler.vnode); + }; + } + function updateEvents(oldVnode, vnode) { + var oldOn = oldVnode.data.on; + var oldListener = oldVnode.listener; + var oldElm = oldVnode.elm; + var on = vnode && vnode.data.on; + var elm = (vnode && vnode.elm); + // optimization for reused immutable handlers + if (oldOn === on) { + return; + } + // remove existing listeners which no longer used + if (oldOn && oldListener) { + // if element changed or deleted we remove all existing listeners unconditionally + if (!on) { + Object.keys(oldOn).forEach(function (name) { + $(oldElm).off(name, oldListener); + }); + } else { + Object.keys(oldOn).forEach(function (name) { + if (!on[name]) { + $(oldElm).off(name, oldListener); + } + }); + } + } + // add new listeners which has not already attached + if (on) { + // reuse existing listener or create new + var listener = oldVnode.listener || createListener(); + vnode.listener = listener; + // update vnode for listener + listener.vnode = vnode; + // if element changed or added we add all needed listeners unconditionally + if (!oldOn) { + Object.keys(on).forEach(function (name) { + $(elm).on(name, listener); + }); + } else { + Object.keys(on).forEach(function (name) { + if (!oldOn[name]) { + $(elm).on(name, listener); + } + }); + } + } + } + + var eventListenersModule = { + create: updateEvents, + update: updateEvents, + destroy: updateEvents, + }; + + /* eslint import/no-named-as-default: off */ + + var patch = init$1([ + attributesModule, + propsModule, + styleModule, + eventListenersModule ]); + + var Framework7Component = function Framework7Component(app, options, extendContext) { + if ( extendContext === void 0 ) extendContext = {}; + + var id = Utils.id(); + var self = Utils.merge( + this, + extendContext, + { + $: $, + $$: $, + $dom7: $, + $app: app, + $f7: app, + $options: Utils.extend({ id: id }, options), + } + ); + var $options = self.$options; + + // Root data and methods + Object.defineProperty(self, '$root', { + enumerable: true, + configurable: true, + get: function get() { + var root = Utils.merge({}, app.data, app.methods); + if (win && win.Proxy) { + root = new win.Proxy(root, { + set: function set(target, name, val) { + app.data[name] = val; + }, + deleteProperty: function deleteProperty(target, name) { + delete app.data[name]; + delete app.methods[name]; + }, + has: function has(target, name) { + return (name in app.data || name in app.methods); + }, + }); + } + return root; + }, + set: function set() {}, + }); + + // Apply context + ('beforeCreate created beforeMount mounted beforeDestroy destroyed updated').split(' ').forEach(function (cycleKey) { + if ($options[cycleKey]) { $options[cycleKey] = $options[cycleKey].bind(self); } + }); + + if ($options.data) { + $options.data = $options.data.bind(self); + // Data + Utils.extend(self, $options.data()); + } + if ($options.render) { $options.render = $options.render.bind(self); } + if ($options.methods) { + Object.keys($options.methods).forEach(function (methodName) { + self[methodName] = $options.methods[methodName].bind(self); + }); + } + + // Bind Events + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $options.on[eventName] = $options.on[eventName].bind(self); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $options.once[eventName] = $options.once[eventName].bind(self); + }); + } + + // Before create hook + if ($options.beforeCreate) { $options.beforeCreate(); } + + // Render + var html = self.$render(); + + // Make Dom + if (html && typeof html === 'string') { + html = html.trim(); + self.$vnode = vdom(html, self, app, true); + self.el = doc.createElement('div'); + patch(self.el, self.$vnode); + } else if (html) { + self.el = html; + } + self.$el = $(self.el); + + // Set styles scope ID + if ($options.style) { + self.$styleEl = doc.createElement('style'); + self.$styleEl.innerHTML = $options.style; + if ($options.styleScoped) { + self.el.setAttribute(("data-f7-" + ($options.id)), ''); + } + } + + self.$attachEvents(); + + // Created callback + if ($options.created) { $options.created(); } + + // Store component instance + self.el.f7Component = self; + + return self; + }; + + Framework7Component.prototype.$attachEvents = function $attachEvents () { + var self = this; + var $options = self.$options; + var $el = self.$el; + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $el.on(Utils.eventNameToColonCase(eventName), $options.on[eventName]); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $el.once(Utils.eventNameToColonCase(eventName), $options.once[eventName]); + }); + } + }; + + Framework7Component.prototype.$detachEvents = function $detachEvents () { + var self = this; + var $options = self.$options; + var $el = self.$el; + if ($options.on) { + Object.keys($options.on).forEach(function (eventName) { + $el.off(Utils.eventNameToColonCase(eventName), $options.on[eventName]); + }); + } + if ($options.once) { + Object.keys($options.once).forEach(function (eventName) { + $el.off(Utils.eventNameToColonCase(eventName), $options.once[eventName]); + }); + } + }; + + Framework7Component.prototype.$render = function $render () { + var self = this; + var $options = self.$options; + var html = ''; + if ($options.render) { + html = $options.render(); + } else if ($options.template) { + if (typeof $options.template === 'string') { + try { + html = Template7.compile($options.template)(self); + } catch (err) { + throw err; + } + } else { + // Supposed to be function + html = $options.template(self); + } + } + return html; + }; + + Framework7Component.prototype.$forceUpdate = function $forceUpdate () { + var self = this; + var html = self.$render(); + + // Make Dom + if (html && typeof html === 'string') { + html = html.trim(); + var newVNode = vdom(html, self, self.$app); + self.$vnode = patch(self.$vnode, newVNode); + } + }; + + Framework7Component.prototype.$setState = function $setState (mergeState) { + var self = this; + Utils.merge(self, mergeState); + self.$forceUpdate(); + }; + + Framework7Component.prototype.$mount = function $mount (mountMethod) { + var self = this; + if (self.$options.beforeMount) { self.$options.beforeMount(); } + if (self.$styleEl) { $('head').append(self.$styleEl); } + if (mountMethod) { mountMethod(self.el); } + if (self.$options.mounted) { self.$options.mounted(); } + }; + + Framework7Component.prototype.$destroy = function $destroy () { + var self = this; + if (self.$options.beforeDestroy) { self.$options.beforeDestroy(); } + if (self.$styleEl) { $(self.$styleEl).remove(); } + self.$detachEvents(); + if (self.$options.destroyed) { self.$options.destroyed(); } + // Delete component instance + if (self.el && self.el.f7Component) { + self.el.f7Component = null; + delete self.el.f7Component; + } + // Patch with empty node + if (self.$vnode) { + self.$vnode = patch(self.$vnode, { sel: self.$vnode.sel, data: {} }); + } + Utils.deleteProps(self); + }; + + function parseComponent(componentString) { + var id = Utils.id(); + var callbackCreateName = "f7_component_create_callback_" + id; + var callbackRenderName = "f7_component_render_callback_" + id; + + // Template + var template; + var hasTemplate = componentString.match(//); + var templateType = hasTemplate[2] || 't7'; + if (hasTemplate) { + template = componentString + .split(//) + .filter(function (item, index) { return index > 0; }) + .join('') + .filter(function (item, index, arr) { return index < arr.length - 1; }) + .join('') + .replace(/{{#raw}}([ \n]*)