From: Dominik Csapak Date: Thu, 25 Jul 2019 11:05:59 +0000 (+0200) Subject: upgrade and bump version to 4.4.7 X-Git-Url: https://git.proxmox.com/?p=framework7.git;a=commitdiff_plain;h=5d51ea26206c190fa41f6ae4c28898224a5b2454 upgrade and bump version to 4.4.7 Signed-off-by: Dominik Csapak --- diff --git a/debian/changelog b/debian/changelog index ab32ef1..c61e612 100644 --- a/debian/changelog +++ b/debian/changelog @@ -1,3 +1,10 @@ +libjs-framework7 (4.4.7-1) pmg; urgency=medium + + * new upstream release framework7: 4.4.7 + * new upstream release framework7-icons: 2.3.1 + + -- Proxmox Support Team Thu, 25 Jul 2019 13:03:11 +0200 + libjs-framework7 (4.0.5-2) pmg; urgency=medium * rebuild for PMG 6 / Buster diff --git a/defines.mk b/defines.mk index 20a53f5..ce8da42 100644 --- a/defines.mk +++ b/defines.mk @@ -8,11 +8,11 @@ JSDIR := ${DESTDIR}/${TARGETDIR}/js FONTDIR := ${DESTDIR}/${TARGETDIR}/fonts F7DIR := framework7 -F7VER := 4.0.5 +F7VER := 4.4.7 F7URL := https://github.com/framework7io/framework7/releases/download/v${F7VER}/framework7.tar.gz F7ICONSDIR := framework7-icons -F7ICONSVER := 2.2.0 +F7ICONSVER := 2.3.1 F7ICONSURL := https://github.com/framework7io/framework7-icons/archive/v${F7ICONSVER}.tar.gz MATERIALDIR := material-icons diff --git a/framework7-icons/fonts/Framework7Icons-Regular.eot b/framework7-icons/fonts/Framework7Icons-Regular.eot index 22c1628..7f062bb 100644 Binary files a/framework7-icons/fonts/Framework7Icons-Regular.eot and b/framework7-icons/fonts/Framework7Icons-Regular.eot differ diff --git a/framework7-icons/fonts/Framework7Icons-Regular.ttf b/framework7-icons/fonts/Framework7Icons-Regular.ttf index 5be3aa5..4b2e712 100644 Binary files a/framework7-icons/fonts/Framework7Icons-Regular.ttf and b/framework7-icons/fonts/Framework7Icons-Regular.ttf differ diff --git a/framework7-icons/fonts/Framework7Icons-Regular.woff b/framework7-icons/fonts/Framework7Icons-Regular.woff index 4f108b6..87902a7 100644 Binary files a/framework7-icons/fonts/Framework7Icons-Regular.woff and b/framework7-icons/fonts/Framework7Icons-Regular.woff differ diff --git a/framework7-icons/fonts/Framework7Icons-Regular.woff2 b/framework7-icons/fonts/Framework7Icons-Regular.woff2 index be925a2..0243f67 100644 Binary files a/framework7-icons/fonts/Framework7Icons-Regular.woff2 and b/framework7-icons/fonts/Framework7Icons-Regular.woff2 differ diff --git a/framework7/css/framework7.bundle.css b/framework7/css/framework7.bundle.css index 040bc2d..caba988 100644 --- a/framework7/css/framework7.bundle.css +++ b/framework7/css/framework7.bundle.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ /*==================== @@ -79,10 +79,12 @@ /*==================== Fonts ==================== */ +:root { + --f7-font-size: 14px; +} .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, @@ -92,13 +94,21 @@ .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); } +.aurora { + --f7-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-line-height: 1.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-color: #fff; +} /*==================== Bars ==================== */ @@ -127,6 +137,13 @@ .md { --f7-bars-border-color: transparent; } +.aurora { + --f7-bars-border-color: rgba(0, 0, 0, 0.2); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-bars-border-color: #282829; +} /*==================== Color Themes ==================== */ @@ -581,7 +598,7 @@ } @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"); + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff"); font-weight: 400; font-style: normal; } @@ -660,6 +677,10 @@ a { text-decoration: none; color: var(--f7-theme-color); } +.link, +.item-link { + cursor: pointer; +} p { margin: 1em 0; } @@ -672,7 +693,11 @@ html.device-full-viewport body { height: 100vh; } .ios .md-only, -.ios .if-md { +.ios .if-md, +.ios .aurora-only, +.ios .if-aurora, +.ios .if-not-ios, +.ios .not-ios { display: none !important; } @media (width: 1024px) and (height: 691px) and (orientation: landscape) { @@ -690,7 +715,19 @@ html.device-full-viewport body { } } .md .ios-only, -.md .if-ios { +.md .if-ios, +.md .aurora-only, +.md .if-aurora, +.md .if-not-md, +.md .not-md { + display: none !important; +} +.aurora .ios-only, +.aurora .if-ios, +.aurora .md-only, +.aurora .if-md, +.aurora .if-not-aurora, +.aurora .not-aurora { display: none !important; } /* === Statusbar === */ @@ -729,16 +766,11 @@ html.device-full-viewport body { box-sizing: border-box; display: block; height: var(--f7-statusbar-height); + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); } .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 { @@ -748,21 +780,32 @@ html.device-full-viewport body { overflow: hidden; box-sizing: border-box; } +.framework7-root > .view, +.framework7-root > .views { + height: calc(100% - var(--f7-appbar-app-offset, 0px)); +} /* === Pages === */ :root { --f7-page-master-width: 320px; --f7-page-master-border-color: rgba(0, 0, 0, 0.1); --f7-page-master-border-width: 1px; + --f7-page-swipeback-transition-duration: 400ms; + /* + --f7-page-content-extra-padding-top: 0px; + --f7-page-content-extra-padding-bottom: 0px; + */ } .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; +} +.aurora { + --f7-page-bg-color: #f3f3f3; + --f7-page-transition-duration: 400ms; } .theme-dark { --f7-page-bg-color: #171717; @@ -781,8 +824,9 @@ html.device-full-viewport body { top: 0; width: 100%; height: 100%; - transform: translate3d(0, 0, 0); + transform: none; background-color: var(--f7-page-bg-color); + z-index: 1; } .page.stacked { display: none; @@ -801,6 +845,8 @@ html.device-full-viewport body { height: 100%; position: relative; z-index: 1; + padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px)); + padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px)); } .page-transitioning, .page-transitioning .page-shadow-effect, @@ -1025,6 +1071,89 @@ html.device-full-viewport body { opacity: 0; } } +.aurora .page-next { + pointer-events: none; + transform: translate3d(100%, 0px, 0); +} +.aurora .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.aurora .page-previous .page-opacity-effect { + opacity: 1; +} +.aurora .page-previous:after { + opacity: 1; +} +.aurora .router-transition-forward .page-next { + will-change: transform; + animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-forward .page-current { + animation: none; +} +.aurora .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: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-current { + will-change: transform, opacity; + animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-previous { + animation: none; +} +.aurora .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: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +@keyframes aurora-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0, 0px, 0); + } +} +@keyframes aurora-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes aurora-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes aurora-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} .view:not(.view-master-detail) .page-master-stacked { display: none; } @@ -1046,7 +1175,7 @@ html.device-full-viewport body { left: var(--f7-page-master-width); } .view-master-detail .page-master { - z-index: 1; + z-index: 2; transform: none; pointer-events: auto; } @@ -1090,6 +1219,13 @@ html.device-full-viewport body { opacity: 0.3; transition-duration: 0ms; } +.aurora .link { + transition: opacity 300ms; +} +.aurora .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} /* === Navbar === */ :root { /* @@ -1101,6 +1237,10 @@ html.device-full-viewport body { */ --f7-navbar-hide-show-transition-duration: 400ms; --f7-navbar-title-line-height: 1.2; + --f7-navbar-title-font-size: inherit; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-text-color: inherit; } .ios { --f7-navbar-height: 44px; @@ -1115,16 +1255,17 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .ios .theme-dark, .ios.theme-dark { @@ -1143,21 +1284,49 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .md .theme-dark, .md.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); } +.aurora { + --f7-navbar-height: 38px; + --f7-navbar-tablet-height: 38px; + --f7-navbar-font-size: 14px; + --f7-navbar-inner-padding-left: 15px; + --f7-navbar-inner-padding-right: 15px; + --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: rgba(0, 0, 0, 0.6); + --f7-navbar-subtitle-font-size: 12px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 38px; + --f7-navbar-large-title-font-size: 26px; + --f7-navbar-large-title-font-weight: bold; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-link-height: auto; + --f7-navbar-link-line-height: inherit; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); +} .navbar { --f7-navbar-large-collapse-progress: 0; position: relative; @@ -1176,12 +1345,6 @@ html.device-full-viewport body { 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; } @@ -1191,8 +1354,8 @@ html.device-full-viewport body { .navbar a.link { display: flex; justify-content: flex-start; - line-height: var(--f7-navbar-height); - height: var(--f7-navbar-height); + line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height)); + height: var(--f7-navbar-link-height, var(--f7-navbar-height)); } .navbar .title, .navbar .left, @@ -1201,7 +1364,6 @@ html.device-full-viewport body { z-index: 10; } .navbar .title { - text-align: center; position: relative; overflow: hidden; text-overflow: ellipsis; @@ -1211,6 +1373,7 @@ html.device-full-viewport body { display: inline-block; line-height: var(--f7-navbar-title-line-height); text-align: var(--f7-navbar-title-text-align); + font-size: var(--f7-navbar-title-font-size); margin-left: var(--f7-navbar-title-margin-left); margin-right: var(--f7-navbar-title-margin-left); } @@ -1277,7 +1440,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-navbar-shadow-image); } .navbar:after { z-index: 1; @@ -1318,7 +1481,7 @@ html.device-full-viewport body { 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)); + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left)); } .navbar-inner.stacked { display: none; @@ -1399,22 +1562,28 @@ html.device-full-viewport body { .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 ~ * { + --f7-page-navbar-offset: 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)); +.navbar ~ * .page-with-navbar-large, +.navbar ~ .page-with-navbar-large, +.page-with-navbar-large .navbar ~ * { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.page.no-navbar, +.page.no-navbar .navbar ~ * { + --f7-page-navbar-offset: 0px; } .ios { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); } +.ios .navbar .material-icons { + width: 24px; +} +.ios .navbar .f7-icons { + width: 28px; +} .ios .navbar a.icon-only { width: 44px; margin: 0; @@ -1895,6 +2064,12 @@ html.device-full-viewport body { opacity: 1; } } +.md .navbar .material-icons { + width: 24px; +} +.md .navbar .f7-icons { + width: 28px; +} .md .navbar a.link { padding: 0 16px; min-width: 48px; @@ -1948,6 +2123,39 @@ html.device-full-viewport body { .md .navbar-inner-centered-title .title { text-align: center; } +.aurora .navbar a.icon-only { + margin: 0; + justify-content: center; +} +.aurora .navbar .left a + a, +.aurora .navbar .right a + a { + margin-left: 10px; +} +.aurora .navbar b { + font-weight: bold; +} +.aurora .navbar .left { + margin-right: 10px; +} +.aurora .navbar .right { + margin-left: 10px; +} +.aurora .navbar .right:first-child { + right: calc(15px + var(--f7-safe-area-right)); +} +.aurora .navbar-inner { + justify-content: space-between; +} +.aurora .navbar-inner-left-title { + justify-content: flex-start; +} +.aurora .navbar-inner-left-title .right { + margin-left: auto; +} +.aurora .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} /* === Toolbar === */ :root { /* @@ -1956,18 +2164,24 @@ html.device-full-viewport body { --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-tabbar-link-active-color: var(--f7-theme-color); */ + --f7-tabbar-link-active-bg-color: transparent; + --f7-tabbar-label-text-transform: none; --f7-toolbar-hide-show-transition-duration: 400ms; } .ios { --f7-toolbar-height: 44px; --f7-toolbar-font-size: 17px; + --f7-toolbar-inner-padding-left: 8px; + --f7-toolbar-inner-padding-right: 8px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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; @@ -1976,18 +2190,22 @@ html.device-full-viewport body { --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-toolbar-inner-padding-left: 0px; + --f7-toolbar-inner-padding-right: 0px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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); @@ -1998,7 +2216,6 @@ html.device-full-viewport body { --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; } @@ -2006,6 +2223,32 @@ html.device-full-viewport body { .md.theme-dark { --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-toolbar-height: 38px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 15px; + --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-link-height: auto; + --f7-toolbar-link-line-height: inherit; + --f7-tabbar-labels-height: 44px; + --f7-tabbar-labels-tablet-height: 44px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5); + --f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2); + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 18px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 12px; + --f7-tabbar-label-tablet-font-size: 12px; + --f7-tabbar-label-font-weight: 500; + --f7-tabbar-label-letter-spacing: 0.01; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5); +} .toolbar { width: 100%; position: relative; @@ -2035,8 +2278,8 @@ html.device-full-viewport body { } .toolbar a.link { display: flex; - line-height: var(--f7-toolbar-height); - height: var(--f7-toolbar-height); + line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height)); + height: var(--f7-toolbar-link-height, var(--f7-toolbar-height)); } .toolbar i.icon { display: block; @@ -2053,42 +2296,51 @@ html.device-full-viewport body { } .toolbar-top, .ios .toolbar-top-ios, -.md .toolbar-top-md { +.md .toolbar-top-md, +.aurora .toolbar-top-aurora { top: 0; } .toolbar-top .tab-link-highlight, .ios .toolbar-top-ios .tab-link-highlight, -.md .toolbar-top-md .tab-link-highlight { +.md .toolbar-top-md .tab-link-highlight, +.aurora .toolbar-top-aurora .tab-link-highlight { bottom: 0; } .toolbar-top.no-hairline:after, .ios .toolbar-top-ios.no-hairline:after, .md .toolbar-top-md.no-hairline:after, +.aurora .toolbar-top-aurora.no-hairline:after, .toolbar-top.no-border:after, .ios .toolbar-top-ios.no-border:after, -.md .toolbar-top-md.no-border:after { +.md .toolbar-top-md.no-border:after, +.aurora .toolbar-top-aurora.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, +.aurora .toolbar-top-aurora.no-shadow:before, .toolbar-top.toolbar-hidden:before, .ios .toolbar-top-ios.toolbar-hidden:before, -.md .toolbar-top-md.toolbar-hidden:before { +.md .toolbar-top-md.toolbar-hidden:before, +.aurora .toolbar-top-aurora.toolbar-hidden:before { display: none !important; } .toolbar-top:after, .ios .toolbar-top-ios:after, .md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after, .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toolbar-top:after, .ios .toolbar-top-ios:after, -.md .toolbar-top-md:after { +.md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2105,7 +2357,8 @@ html.device-full-viewport body { } .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { content: ''; position: absolute; right: 0; @@ -2114,22 +2367,25 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-toolbar-top-shadow-image); } .toolbar-bottom, .ios .toolbar-bottom-ios, -.md .toolbar-bottom-md { +.md .toolbar-bottom-md, +.aurora .toolbar-bottom-aurora { 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 { +.md .toolbar-bottom-md .tab-link-highlight, +.aurora .toolbar-bottom-aurora .tab-link-highlight { top: 0; } .toolbar-bottom .toolbar-inner, .ios .toolbar-bottom-ios .toolbar-inner, -.md .toolbar-bottom-md .toolbar-inner { +.md .toolbar-bottom-md .toolbar-inner, +.aurora .toolbar-bottom-aurora .toolbar-inner { height: auto; top: 0; bottom: var(--f7-safe-area-bottom); @@ -2137,22 +2393,27 @@ html.device-full-viewport body { .toolbar-bottom.no-hairline:before, .ios .toolbar-bottom-ios.no-hairline:before, .md .toolbar-bottom-md.no-hairline:before, +.aurora .toolbar-bottom-aurora.no-hairline:before, .toolbar-bottom.no-border:before, .ios .toolbar-bottom-ios.no-border:before, -.md .toolbar-bottom-md.no-border:before { +.md .toolbar-bottom-md.no-border:before, +.aurora .toolbar-bottom-aurora.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, +.aurora .toolbar-bottom-aurora.no-shadow:after, .toolbar-bottom.toolbar-hidden:after, .ios .toolbar-bottom-ios.toolbar-hidden:after, -.md .toolbar-bottom-md.toolbar-hidden:after { +.md .toolbar-bottom-md.toolbar-hidden:after, +.aurora .toolbar-bottom-aurora.toolbar-hidden:after { display: none !important; } .toolbar-bottom:before, .ios .toolbar-bottom-ios:before, -.md .toolbar-bottom-md:before { +.md .toolbar-bottom-md:before, +.aurora .toolbar-bottom-aurora:before { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2169,7 +2430,8 @@ html.device-full-viewport body { } .toolbar-bottom:after, .ios .toolbar-bottom-ios:after, -.md .toolbar-bottom-md:after { +.md .toolbar-bottom-md:after, +.aurora .toolbar-bottom-aurora:after { content: ''; position: absolute; right: 0; @@ -2178,7 +2440,7 @@ html.device-full-viewport body { height: 8px; top: auto; pointer-events: none; - background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); + background: var(--f7-toolbar-bottom-shadow-image); } .toolbar-inner { position: absolute; @@ -2192,6 +2454,7 @@ html.device-full-viewport body { align-items: center; align-content: center; overflow: hidden; + padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left)); } .views > .tabbar, .views > .tabbar-labels { @@ -2201,6 +2464,10 @@ html.device-full-viewport body { .tabbar-labels a { color: var(--f7-tabbar-link-inactive-color); } +.tabbar a.tab-link:not(.tab-link-active), +.tabbar-labels a.tab-link:not(.tab-link-active) { + background-color: var(--f7-tabbar-link-inactive-bg-color, transparent); +} .tabbar a.link, .tabbar-labels a.link { line-height: 1.4; @@ -2224,6 +2491,7 @@ html.device-full-viewport body { .tabbar .tab-link-active, .tabbar-labels .tab-link-active { color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); + background-color: var(--f7-tabbar-link-active-bg-color, transparent); } .tabbar i.icon, .tabbar-labels i.icon { @@ -2259,6 +2527,7 @@ html.device-full-viewport body { } } .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; will-change: scroll-position; overflow: auto; -webkit-overflow-scrolling: touch; @@ -2280,127 +2549,92 @@ html.device-full-viewport body { .navbar-transitioning ~ * .toolbar { transition-duration: var(--f7-toolbar-hide-show-transition-duration); } +.toolbar-bottom ~ *, +.ios .toolbar-bottom-ios ~ *, +.md .toolbar-bottom-md ~ *, +.aurora .toolbar-bottom-aurora ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height); +} +.toolbar-bottom.tabbar-labels ~ *, +.ios .toolbar-bottom-ios.tabbar-labels ~ *, +.md .toolbar-bottom-md.tabbar-labels ~ *, +.aurora .toolbar-bottom-aurora.tabbar-labels ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height); +} .toolbar-bottom.toolbar-hidden, .ios .toolbar-bottom-ios.toolbar-hidden, -.md .toolbar-bottom-md.toolbar-hidden { +.md .toolbar-bottom-md.toolbar-hidden, +.aurora .toolbar-bottom-aurora.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 ~ *, +.ios .toolbar-top-ios ~ *, +.md .toolbar-top-md ~ *, +.aurora .toolbar-top-aurora ~ * { + --f7-page-toolbar-top-offset: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ *, +.ios .toolbar-top-ios.tabbar-labels ~ *, +.md .toolbar-top-md.tabbar-labels ~ *, +.aurora .toolbar-top-aurora.tabbar-labels ~ * { + --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height); } .toolbar-top.toolbar-hidden, .ios .toolbar-top-ios.toolbar-hidden, -.md .toolbar-top-md.toolbar-hidden { +.md .toolbar-top-md.toolbar-hidden, +.aurora .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, +.aurora .navbar ~ * .toolbar-top-aurora, .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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { 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, +.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora.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, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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), +.aurora .navbar-hidden + .toolbar-top-aurora: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) { +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), @@ -2408,7 +2642,8 @@ html.device-full-viewport body { .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) { +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); } .ios .toolbar a.icon-only { @@ -2419,9 +2654,6 @@ html.device-full-viewport body { 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; @@ -2479,9 +2711,6 @@ html.device-full-viewport body { 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, @@ -2489,6 +2718,10 @@ html.device-full-viewport body { padding-left: 0; padding-right: 0; } +.md .tabbar a.icon-only, +.md .tabbar-labels a.icon-only { + flex-shrink: initial; +} .md .tabbar a.tab-link, .md .tabbar-labels a.tab-link { transition-duration: 300ms; @@ -2515,12 +2748,45 @@ html.device-full-viewport body { } .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; } +.aurora .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.aurora .tabbar .toolbar-inner, +.aurora .tabbar-labels .toolbar-inner { + padding-left: 0; + padding-right: 0; +} +.aurora .tabbar a.tab-link, +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar a.link, +.aurora .tabbar-labels a.link { + transition-duration: 200ms; +} +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar-labels a.link { + padding-top: 5px; + padding-bottom: 5px; +} +.aurora .tabbar-labels a.tab-link i + span, +.aurora .tabbar-labels a.link i + span { + margin: 0; +} +.aurora .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.aurora .tabbar-scrollable a.tab-link, +.aurora .tabbar-scrollable a.link { + padding: 0 15px; +} /* === Subnavbar === */ :root { /* @@ -2530,6 +2796,7 @@ html.device-full-viewport body { --f7-subnavbar-link-color: var(--f7-bars-link-color); --f7-subnavbar-text-color: var(--f7-bars-text-color); */ + --f7-subnavbar-title-line-height: 1.2; } .ios { --f7-subnavbar-height: 44px; @@ -2537,10 +2804,13 @@ html.device-full-viewport body { --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; + --f7-subnavbar-shadow-image: none; + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ } .md { --f7-subnavbar-height: 48px; @@ -2548,10 +2818,25 @@ html.device-full-viewport body { --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); + --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image); + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ +} +.aurora { + --f7-subnavbar-height: 38px; + --f7-subnavbar-inner-padding-left: 15px; + --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-title-font-size: 26px; + --f7-subnavbar-title-font-weight: bold; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 0px; + --f7-subnavbar-shadow-image: none; + --f7-subnavbar-link-height: auto; + --f7-subnavbar-link-line-height: inherit; } .subnavbar { width: 100%; @@ -2595,8 +2880,8 @@ html.device-full-viewport body { 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); + line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height)); + height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height)); } .subnavbar a.icon-only { min-width: var(--f7-subnavbar-height); @@ -2617,7 +2902,7 @@ html.device-full-viewport body { .subnavbar:after { content: ''; position: absolute; - background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color)); display: block; z-index: 15; top: auto; @@ -2638,7 +2923,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-subnavbar-shadow-image); } .subnavbar-inner { width: 100%; @@ -2678,25 +2963,9 @@ html.device-full-viewport body { 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)); +.page-with-subnavbar, +.subnavbar ~ * { + --f7-page-subnavbar-offset: var(--f7-subnavbar-height); } .ios .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); @@ -2768,6 +3037,35 @@ html.device-full-viewport body { .md .subnavbar-inner > a.link:last-child { margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); } +.aurora .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.aurora .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.aurora .subnavbar .left a + a, +.aurora .subnavbar .right a + a { + margin-left: 10px; +} +.aurora .subnavbar .left { + margin-right: 10px; +} +.aurora .subnavbar .right { + margin-left: 10px; +} +.aurora .subnavbar .right:first-child { + right: 15px; +} +.aurora .subnavbar a.link { + justify-content: flex-start; +} +.aurora .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} /* === Content Block === */ :root { --f7-block-font-size: inherit; @@ -2785,8 +3083,10 @@ html.device-full-viewport body { } :root .theme-dark, :root.theme-dark { + --f7-block-strong-border-color: #282829; --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; + --f7-block-strong-bg-color: #1c1c1d; } .ios { --f7-block-text-color: #6d6d72; @@ -2813,11 +3113,9 @@ html.device-full-viewport body { } .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 { @@ -2845,14 +3143,42 @@ html.device-full-viewport body { } .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; +.aurora { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 15px; + --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.7); + --f7-block-title-font-weight: 600; + --f7-block-title-line-height: 1.5; + --f7-block-title-margin-bottom: 5px; + --f7-block-title-medium-font-size: 20px; + --f7-block-title-medium-font-weight: 600; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 28px; + --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: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.6); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.52); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-strong-text-color: #fff; +} +.block { + box-sizing: border-box; position: relative; z-index: 1; color: var(--f7-block-text-color); @@ -2868,7 +3194,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:before, +.aurora .block.no-hairlines-aurora:before, +.aurora .block.no-hairlines-aurora ul:before { display: none !important; } .block.no-hairlines:after, @@ -2876,7 +3204,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:after, +.aurora .block.no-hairlines-aurora:after, +.aurora .block.no-hairlines-aurora ul:after { display: none !important; } .block.no-hairline-top:before, @@ -2884,7 +3214,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-top-ios ul:before, +.aurora .block.no-hairline-top-aurora:before, +.aurora .block.no-hairline-top-aurora ul:before { display: none !important; } .block.no-hairline-bottom:after, @@ -2892,7 +3224,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-bottom-ios ul:after, +.aurora .block.no-hairline-bottom-aurora:after, +.aurora .block.no-hairline-bottom-aurora ul:after { display: none !important; } .block > h1:first-child, @@ -3115,6 +3449,7 @@ html.device-full-viewport body { --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-chevron-icon-font-size: 20px; --f7-list-item-title-font-size: inherit; --f7-list-item-title-font-weight: 400; --f7-list-item-title-text-color: inherit; @@ -3123,6 +3458,8 @@ html.device-full-viewport body { --f7-list-item-subtitle-font-weight: 400; --f7-list-item-subtitle-text-color: inherit; --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-text-font-weight: 400; + --f7-list-item-after-font-weight: 400; --f7-list-item-header-text-color: inherit; --f7-list-item-header-font-size: 12px; --f7-list-item-header-font-weight: 400; @@ -3130,8 +3467,23 @@ html.device-full-viewport body { --f7-list-item-footer-font-size: 12px; --f7-list-item-footer-font-weight: 400; --f7-list-item-footer-line-height: 1.2; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-item-divider-line-height: inherit; + --f7-list-group-title-line-height: inherit; +} +:root .theme-dark, +:root.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-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-chevron-icon-color: #434345; } .ios { + --f7-list-in-list-padding-left: 30px; --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; @@ -3142,11 +3494,9 @@ html.device-full-viewport body { --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; @@ -3159,11 +3509,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; /* --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; @@ -3172,29 +3521,21 @@ html.device-full-viewport body { --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-in-list-padding-left: 40px; --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; @@ -3205,11 +3546,9 @@ html.device-full-viewport body { --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; @@ -3222,9 +3561,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; --f7-list-media-item-padding-horizontal: 16px; + /* + --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); + */ --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); @@ -3233,33 +3573,88 @@ html.device-full-viewport body { --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); } +.aurora { + --f7-list-in-list-padding-left: 15px; + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 15px; + --f7-list-font-size: 14px; + --f7-list-chevron-icon-area: 15px; + --f7-list-chevron-icon-font-size: 16px; + --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-link-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-title-line-height: 1.3; + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-subtitle-line-height: 1.3; + --f7-list-item-text-font-size: 12px; + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-text-line-height: 16px; + --f7-list-item-after-font-size: 13px; + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-after-line-height: 1.2; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-min-height: 32px; + --f7-list-item-media-margin: 10px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 5px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 5px; + --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.12); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-height: 19px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 500; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 19px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6); + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 500; + --f7-list-group-title-bg-color: #f7f7f7; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-list-button-border-color: #282829; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03); +} .list { position: relative; z-index: 1; @@ -3303,6 +3698,9 @@ html.device-full-viewport body { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } +.list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left)); +} .list ul ul:before { display: none !important; } @@ -3497,7 +3895,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:before, +.aurora .list.no-hairlines-aurora:before, +.aurora .list.no-hairlines-aurora ul:before { display: none !important; } .list.no-hairlines:after, @@ -3505,7 +3905,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:after, +.aurora .list.no-hairlines-aurora:after, +.aurora .list.no-hairlines-aurora ul:after { display: none !important; } .list.no-hairline-top:before, @@ -3513,7 +3915,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-top-ios ul:before, +.aurora .list.no-hairline-top-aurora:before, +.aurora .list.no-hairline-top-aurora ul:before { display: none !important; } .list.no-hairline-bottom:after, @@ -3521,34 +3925,43 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-bottom-ios ul:after, +.aurora .list.no-hairline-bottom-aurora:after, +.aurora .list.no-hairline-bottom-aurora 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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios .list-group-title:after, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios.simple-list li:after, +.aurora .list.no-hairlines-between-aurora.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 { +.ios .list.no-hairlines-between-ios.links-list a:after, +.aurora .list.no-hairlines-between-aurora.links-list a:after { display: none !important; } .list-button { @@ -3666,6 +4079,10 @@ 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-title, +li.media-item .item-title { + font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit)); +} .media-list .item-inner, li.media-item .item-inner { display: block; @@ -3729,12 +4146,13 @@ li.media-item .item-link.chevron-center .item-inner:before { display: block; width: 100%; height: 100%; + font-size: 20px; position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; - font-size: 20px; + font-size: var(--f7-list-chevron-icon-font-size); line-height: 14px; color: var(--f7-list-chevron-icon-color); pointer-events: none; @@ -3826,6 +4244,10 @@ li.list-group-title, background-color: var(--f7-list-group-title-bg-color); line-height: var(--f7-list-group-title-line-height); } +.page-with-navbar-large li.list-group-title, +.page-with-navbar-large .list li.list-group-title { + top: calc(-1 * var(--f7-navbar-large-title-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)); @@ -3894,9 +4316,6 @@ li.list-group-title, --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 { @@ -3907,16 +4326,36 @@ li.list-group-title, .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; } +.aurora .list .item-media { + min-width: 18px; +} +.aurora .list .item-link .item-inner:before, +.aurora .links-list a:before, +.aurora .media-list .item-link .item-title-row:before, +.aurora li.media-item .item-link .item-title-row:before, +.aurora .media-list.chevron-center .item-link .item-inner:before, +.aurora .media-list .chevron-center .item-link .item-inner:before, +.aurora .media-list .item-link.chevron-center .item-inner:before, +.aurora li.media-item.chevron-center .item-link .item-inner:before, +.aurora li.media-item .chevron-center .item-link .item-inner:before, +.aurora li.media-item .item-link.chevron-center .item-inner:before { + content: 'chevron_right_aurora'; +} +.aurora .links-list a, +.aurora .list .item-link, +.aurora .list .list-button { + transition-duration: 0ms; +} +.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover), +.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-link-hover-bg-color); +} +.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-button-hover-bg-color); +} /* === Badge === */ :root { --f7-badge-text-color: #fff; @@ -3933,6 +4372,11 @@ li.list-group-title, .md { --f7-badge-size: 18px; } +.aurora { + --f7-badge-size: 18px; + --f7-badge-font-weight: 600; + --f7-badge-in-icon-size: 15px; +} .badge { display: inline-flex; align-items: center; @@ -3997,6 +4441,7 @@ li.list-group-title, --f7-button-outline-border-width: 1px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; + --f7-button-large-font-weight: 400; --f7-button-small-height: 26px; --f7-button-small-font-size: 13px; --f7-button-small-font-weight: 600; @@ -4017,8 +4462,9 @@ li.list-group-title, --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 500; --f7-button-small-height: 28px; - --f7-button-small-font-size: 13px; + --f7-button-small-font-size: 12px; --f7-button-small-font-weight: 500; --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; @@ -4027,6 +4473,33 @@ li.list-group-title, .md.theme-dark { --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-font-size: 14px; + --f7-button-height: 28px; + --f7-button-min-width: 24px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0.02; + --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-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 34px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 600; + --f7-button-small-height: 22px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: none; + --f7-button-small-outline-border-width: 1px; +} button { -webkit-appearance: none; -moz-appearance: none; @@ -4051,12 +4524,14 @@ button { outline: 0; box-sizing: border-box; vertical-align: middle; + justify-content: center; + align-items: center; 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); + padding: var(--f7-button-padding-vertical, 0px) 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); @@ -4082,17 +4557,20 @@ input[type="button"].button { .subnavbar .button, .navbar .button, .toolbar .button, -.searchbar .button { +.searchbar .button, +.appbar .button { color: var(--f7-button-text-color, var(--f7-theme-color)); } .button-round, .ios .button-round-ios, -.md .button-round-md { +.md .button-round-md, +.aurora .button-round-aurora { --f7-button-border-radius: var(--f7-button-height); } .button-fill, .ios .button-fill-ios, .md .button-fill-md, +.aurora .button-fill-aurora, .button-active, .button.tab-link-active { --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); @@ -4101,7 +4579,8 @@ input[type="button"].button { } .button-fill, .ios .button-fill-ios, -.md .button-fill-md { +.md .button-fill-md, +.aurora .button-fill-aurora { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); } .button-active, @@ -4110,19 +4589,23 @@ input[type="button"].button { } .button-outline, .ios .button-outline-ios, -.md .button-outline-md { +.md .button-outline-md, +.aurora .button-outline-aurora { --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 { +.md .button-large-md, +.aurora .button-large-aurora { --f7-button-height: var(--f7-button-large-height); --f7-button-font-size: var(--f7-button-large-font-size); + --f7-button-font-weight: var(--f7-button-large-font-weight); } .button-small, .ios .button-small-ios, -.md .button-small-md { +.md .button-small-md, +.aurora .button-small-aurora { --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); @@ -4173,27 +4656,32 @@ input[type="button"].button { } .segmented-round, .ios .segmented-round-ios, -.md .segmented-round-md { +.md .segmented-round-md, +.aurora .segmented-round-aurora { border-radius: var(--f7-button-height); } .segmented-raised, .ios .segmented-raised-ios, -.md .segmented-raised-md { +.md .segmented-raised-md, +.aurora .segmented-raised-aurora { 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) { +.md .segmented-raised-md .button:not(.button-outline), +.aurora .segmented-raised-aurora .button:not(.button-outline) { border-left: 1px solid var(--f7-segmented-raised-divider-color); } .button-raised, .ios .button-raised-ios, -.md .button-raised-md { +.md .button-raised-md, +.aurora .button-raised-aurora { --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 { +.md .button-raised-md.active-state, +.aurora .button-raised-aurora.active-state { --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); } .subnavbar .segmented { @@ -4218,6 +4706,23 @@ input[type="button"].button { .md .button-fill-md { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .button { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); +} +.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .button-fill, +.aurora .button-fill-aurora { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .button-fill, +.aurora .button-active, +.aurora .button.tab-link-active, +.aurora .button-fill-aurora { + --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint)); +} /* === Touch Ripple === */ :root { --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); @@ -4229,9 +4734,9 @@ input[type="button"].button { } .ripple, .fab a, -a.link, -a.item-link, -a.list-button, +.link, +.item-link, +.list-button, .button, .dialog-button, .tab-link, @@ -4384,6 +4889,40 @@ i.icon { .md .icon-prev:after { content: 'chevron_left_md'; } +.aurora .f7-icons, +.aurora .material-icons { + font-size: 18px; +} +.aurora .icon-back, +.aurora .icon-prev, +.aurora .icon-forward, +.aurora .icon-next { + width: 9px; + height: 14px; + line-height: 14px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after, +.aurora .icon-forward:after, +.aurora .icon-next:after { + line-height: inherit; +} +.aurora .item-media .icon { + color: #808080; +} +.aurora .item-media .f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after { + content: 'chevron_left_aurora'; +} +.aurora .icon-forward:after, +.aurora .icon-next:after { + content: 'chevron_right_aurora'; +} .custom-modal-backdrop { z-index: 10500; } @@ -4424,14 +4963,144 @@ i.icon { visibility: visible; opacity: 1; } +/* === Appbar === */ +:root { + /* + --f7-appbar-offset: var(--f7-appbar-height); + --f7-appbar-extra-offset: 0px; + --f7-appbar-bg-color: var(--f7-bars-bg-color); + --f7-appbar-bg-image: var(--f7-bars-bg-image); + --f7-appbar-border-color: var(--f7-bars-border-color); + --f7-appbar-link-color: var(--f7-bars-link-color); + --f7-appbar-text-color: var(--f7-bars-text-color); + */ + --f7-appbar-shadow-image: none; +} +.ios { + --f7-appbar-height: 44px; + --f7-appbar-inner-padding-left: 8px; + --f7-appbar-inner-padding-right: 8px; +} +.md { + --f7-appbar-height: 48px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px; +} +.aurora { + --f7-appbar-height: 38px; + --f7-appbar-inner-padding-left: 15px; + --f7-appbar-inner-padding-right: 15px; +} +.appbar { + 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-appbar-height); + background-image: var(--f7-appbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-appbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-appbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-appbar-font-size); + z-index: 7000; +} +.appbar .panel ~ .appbar { + z-index: 5500; +} +.appbar a { + color: var(--f7-appbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.appbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-appbar-link-line-height, var(--f7-appbar-height)); + height: var(--f7-appbar-link-height, var(--f7-appbar-height)); +} +.appbar .left, +.appbar .center, +.appbar .right { + display: flex; + align-items: center; +} +.appbar.no-hairline:after, +.appbar.no-border:after { + display: none !important; +} +.appbar.no-hairline .title-large:after, +.appbar.no-border .title-large:after { + display: none !important; +} +.appbar.no-shadow:before { + display: none !important; +} +.appbar:after, +.appbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.appbar:after { + content: ''; + position: absolute; + background-color: var(--f7-appbar-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))); +} +.appbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-appbar-shadow-image); +} +.appbar:after { + z-index: 1; +} +.appbar ~ * { + --f7-appbar-app-offset: calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px)); +} +.appbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-appbar-height); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left)); +} +.appbar-inner.stacked { + display: none; +} /* === Dialog === */ :root { --f7-dialog-button-text-color: var(--f7-theme-color); + --f7-dialog-button-text-align: center; + --f7-dialog-input-bg-color: #fff; } .ios { --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; + --f7-dialog-inner-padding: 15px; --f7-dialog-border-radius: 13px; --f7-dialog-text-color: #000; --f7-dialog-text-align: center; @@ -4443,13 +5112,12 @@ i.icon { --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-border-radius: 4px; --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; @@ -4459,6 +5127,7 @@ i.icon { --f7-dialog-bg-color: #fff; --f7-dialog-box-shadow: var(--f7-elevation-24); --f7-dialog-width: 280px; + --f7-dialog-inner-padding: 24px; --f7-dialog-border-radius: 4px; --f7-dialog-text-color: #757575; --f7-dialog-text-align: left; @@ -4470,18 +5139,47 @@ i.icon { --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-border-radius: 0px; --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; } +.aurora { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), 0 25px 30px 0 rgba(0,0,0,0.35); + --f7-dialog-width: 300px; + --f7-dialog-inner-padding: 20px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 14px; + --f7-dialog-title-font-weight: 700; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-text-color: #fff; + --f7-dialog-button-font-size: 13px; + --f7-dialog-button-height: 28px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: none; + /* + --f7-dialog-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-dialog-input-border-radius: 4px; + --f7-dialog-input-font-size: 13px; + --f7-dialog-input-height: 24px; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.12); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.32); + --f7-dialog-preloader-size: 24px; +} .dialog { position: absolute; z-index: 13500; @@ -4516,6 +5214,7 @@ i.icon { } .dialog-inner { position: relative; + padding: var(--f7-dialog-inner-padding); } .dialog-title { color: var(--f7-dialog-title-text-color); @@ -4548,9 +5247,6 @@ i.icon { display: block; cursor: pointer; } -.dialog-button[class*="color-"] { - --f7-dialog-button-text-color: var(--f7-theme-color); -} .dialog-no-buttons .dialog-buttons { display: none; } @@ -4561,7 +5257,7 @@ input.dialog-input[type] { box-sizing: border-box; margin: 0; margin-top: 15px; - border-radius: 0; + border-radius: var(--f7-dialog-input-border-radius); -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -4586,6 +5282,12 @@ input.dialog-input[type]::-ms-input-placeholder { input.dialog-input[type]::placeholder { color: var(--f7-dialog-input-placeholder-color); } +.dialog-input-double input.dialog-input { + border-radius: var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0; +} +.dialog-input-double + .dialog-input-double input.dialog-input { + border-radius: 0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius); +} .dialog-preloader .preloader { --f7-preloader-size: var(--f7-dialog-preloader-size); } @@ -4597,7 +5299,6 @@ html.with-modal-dialog .page-content { 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); } @@ -4663,6 +5364,9 @@ html.with-modal-dialog .page-content { .ios .dialog-button.dialog-button-bold { font-weight: 500; } +.ios .dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} .ios .dialog-buttons-vertical .dialog-buttons { height: auto; } @@ -4728,9 +5432,6 @@ html.with-modal-dialog .page-content { .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; } @@ -4761,6 +5462,9 @@ html.with-modal-dialog .page-content { .md .dialog-button + .dialog-button { margin-left: 4px; } +.md .dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} .md .dialog-buttons-vertical .dialog-buttons { padding: 0 0 8px 0; } @@ -4797,21 +5501,111 @@ html.with-modal-dialog .page-content { .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; - */ +.aurora .dialog { + background: var(--f7-dialog-bg-color); } -.ios { +.aurora .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.aurora .dialog-title + .dialog-text { + margin-top: 10px; +} +.aurora .dialog-text { + line-height: 1.5; +} +.aurora .dialog-buttons { + padding: var(--f7-dialog-inner-padding); + padding-top: 0; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.aurora .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 10px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-theme-color); +} +.aurora .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .dialog-button.dialog-button-bold { + font-weight: 600; +} +.aurora .dialog-button + .dialog-button { + margin-left: 15px; +} +.aurora .dialog-buttons-vertical .dialog-buttons { + display: flex; + flex-direction: column; + align-items: flex-end; +} +.aurora .dialog-buttons-vertical .dialog-button { + margin-left: 0; + flex-shrink: 0; +} +.aurora .dialog-buttons-vertical .dialog-button + .dialog-button { + margin-top: 5px; +} +.aurora .dialog-input-field { + margin-top: 10px; +} +.aurora .dialog-input-field input.dialog-input { + margin-top: 0; +} +.aurora .dialog-input { + padding: 0 4px; + transition-duration: 200ms; + position: relative; +} +.aurora .dialog-input + .dialog-input { + margin-top: 10px; +} +.aurora .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.aurora .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.aurora .dialog-preloader .dialog-title, +.aurora .dialog-progress .dialog-title, +.aurora .dialog-preloader .dialog-inner, +.aurora .dialog-progress .dialog-inner { + text-align: center; +} +.aurora .dialog-preloader .dialog-title ~ .preloader, +.aurora .dialog-preloader .dialog-text ~ .preloader { + margin-top: 10px; +} +.aurora .dialog-progress .dialog-title ~ .progressbar, +.aurora .dialog-progress .dialog-text ~ .progressbar, +.aurora .dialog-progress .dialog-title ~ .progressbar-infinite, +.aurora .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: var(--f7-popup-border-radius); + */ +} +.ios { --f7-popup-box-shadow: none; } .md { --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); } +.aurora { + --f7-popup-tablet-border-radius: 4px; + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} .popup-backdrop { z-index: 10500; } @@ -4845,6 +5639,9 @@ html.with-modal-dialog .page-content { .popup.modal-out { transform: translate3d(0, 100%, 0); } +.popup.swipe-close-to-top.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); @@ -4863,6 +5660,9 @@ html.with-modal-dialog .page-content { .popup:not(.popup-tablet-fullscreen).modal-out { transform: translate3d(0, 100vh, 0); } + .popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out { + transform: translate3d(0, -100vh, 0); + } } @media (max-width: 629px), (max-height: 629px) { .popup-backdrop { @@ -4902,6 +5702,11 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-login-screen-title-font-size: 34px; --f7-login-screen-title-font-weight: normal; } +.aurora { + --f7-login-screen-blocks-margin-vertical: 15px; + --f7-login-screen-title-font-size: 28px; + --f7-login-screen-title-font-weight: 500; +} .login-screen { position: absolute; left: 0; @@ -5002,6 +5807,19 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-popover-bg-color: #202020; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-popover-width: 200px; + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 5px 11px 0 rgba(0,0,0,0.28); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6); +} .popover { width: var(--f7-popover-width); z-index: 13500; @@ -5170,15 +5988,96 @@ html.with-modal-popup .framework7-root > .panel .page-content { .md .popover-on-top { transform-origin: center bottom; } +.md .popover-on-top.popover-on-right { + transform-origin: left bottom; +} +.md .popover-on-top.popover-on-left { + transform-origin: right bottom; +} +.md .popover-on-middle { + transform-origin: center center; +} +.md .popover-on-middle.popover-on-right { + transform-origin: left center; +} +.md .popover-on-middle.popover-on-left { + transform-origin: right center; +} .md .popover-on-bottom { transform-origin: center top; } +.md .popover-on-bottom.popover-on-right { + transform-origin: left top; +} +.md .popover-on-bottom.popover-on-left { + transform-origin: right top; +} +.aurora .popover { + transform: none; + transition-property: opacity; +} +.aurora .popover-angle { + width: 18px; + height: 18px; + position: absolute; + left: -18px; + top: 0; + z-index: 100; + overflow: hidden; +} +.aurora .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 18px; + height: 18px; + position: absolute; + left: 0; + top: 0; + border-radius: 2px; + transform: rotate(45deg); +} +.aurora .popover-angle.on-left { + left: -18px; +} +.aurora .popover-angle.on-left:after { + left: 13px; + top: 0; +} +.aurora .popover-angle.on-right { + left: 100%; +} +.aurora .popover-angle.on-right:after { + left: -13px; + top: 0; +} +.aurora .popover-angle.on-top { + left: 0; + top: -18px; +} +.aurora .popover-angle.on-top:after { + left: 0; + top: 13px; +} +.aurora .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.aurora .popover-angle.on-bottom:after { + left: 0; + top: -13px; +} /* === Actions === */ +:root { + --f7-actions-grid-button-font-size: 12px; + --f7-actions-grid-button-text-color: #757575; +} .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; @@ -5193,9 +6092,7 @@ html.with-modal-popup .framework7-root > .panel .page-content { --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; @@ -5216,9 +6113,30 @@ html.with-modal-popup .framework7-root > .panel .page-content { --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; +} +.aurora { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 4px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.12); + /* + --f7-actions-button-text-color: var(--f7-theme-color); + */ + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 15px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 32px; + --f7-actions-button-height-landscape: 32px; + --f7-actions-button-font-size: 14px; + --f7-actions-button-icon-size: 18px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 10px 15px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.5); + --f7-actions-label-font-size: 12px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: rgba(0, 0, 0, 0.1); + --f7-actions-group-margin: 15px; + --f7-actions-grid-button-icon-size: 32px; } .actions-modal { position: absolute; @@ -5345,7 +6263,7 @@ html.with-modal-popup .framework7-root > .panel .page-content { .actions-button { cursor: pointer; display: flex; - color: var(--f7-actions-button-text-color); + color: var(--f7-actions-button-text-color, var(--f7-theme-color)); font-size: var(--f7-actions-button-font-size); height: var(--f7-actions-button-height); line-height: var(--f7-actions-button-height); @@ -5465,6 +6383,13 @@ html.with-modal-popup .framework7-root > .panel .page-content { .md .actions-button-media + .actions-button-text { margin-left: 16px; } +.aurora .actions-button-media { + margin-left: 15px; +} +.aurora .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} /* === Sheet Modal === */ :root { --f7-sheet-height: 260px; @@ -5487,6 +6412,15 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-sheet-bg-color: #202020; --f7-sheet-border-color: transparent; } +.aurora { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} .sheet-backdrop { z-index: 11000; } @@ -5504,27 +6438,6 @@ html.with-modal-popup .framework7-root > .panel .page-content { 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; @@ -5536,6 +6449,10 @@ html.with-modal-popup .framework7-root > .panel .page-content { display: block; transform: translate3d(0, 0, 0); } +.sheet-modal.modal-in-swipe-step { + display: block; + transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0); +} .sheet-modal.modal-out { transform: translate3d(0, 100%, 0); } @@ -5563,34 +6480,100 @@ html.with-modal-popup .framework7-root > .panel .page-content { padding-bottom: 0; padding-top: 0; } -.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, -.sheet-modal .sheet-modal-inner > .page-content { +.sheet-modal-top:after { + content: ''; + position: absolute; + background-color: var(--f7-sheet-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))); +} +.sheet-modal-top:after { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal-bottom:before, +.sheet-modal:not(.sheet-modal-top):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-bottom:before, +.sheet-modal:not(.sheet-modal-top):before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal-bottom .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal:not(.sheet-modal-top) .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal-bottom .sheet-modal-inner > .page-content, +.sheet-modal:not(.sheet-modal-top) .sheet-modal-inner > .page-content { padding-bottom: var(--f7-safe-area-bottom); } +.sheet-modal-top { + bottom: auto; + top: var(--f7-statusbar-height); + transform: translate3d(0, calc(-100% - var(--f7-statusbar-height)), 0); +} +.sheet-modal-top.modal-out { + transform: translate3d(0, calc(-100% - var(--f7-statusbar-height)), 0); +} +.sheet-modal-top .toolbar-bottom { + position: absolute; +} +.sheet-modal-top .toolbar-top ~ .sheet-modal-inner .page-content { + padding-top: 0; +} .md .sheet-modal .toolbar a.link:not(.tab-link) { flex-shrink: 0; } /* === Toast === */ -.ios { +:root { --f7-toast-text-color: #fff; --f7-toast-font-size: 14px; + --f7-toast-icon-size: 48px; +} +.ios { --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; +} +.aurora { + --f7-toast-bg-color: rgba(0, 0, 0, 0.85); + --f7-toast-padding-horizontal: 10px; + --f7-toast-padding-vertical: 10px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 32px; } .toast { transition-property: transform, opacity; @@ -5773,32 +6756,90 @@ html.with-modal-popup .framework7-root > .panel .page-content { margin-left: 16px; margin-right: -8px; } -/* === Preloader === */ -:root { - --f7-preloader-modal-padding: 8px; - --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +.aurora .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 10px; + width: calc(100% - 20px); + transform: scale(0.9); } -.ios { - --f7-preloader-color: #6c6c6c; - --f7-preloader-size: 20px; - --f7-preloader-modal-preloader-size: 34px; - --f7-preloader-modal-border-radius: 5px; +.aurora .toast.modal-in { + transform: scale(1); } -.md { - --f7-preloader-color: #757575; - --f7-preloader-size: 32px; - --f7-preloader-modal-preloader-size: 32px; - --f7-preloader-modal-border-radius: 4px; +.aurora .toast.modal-out { + transform: scale(1); } -.preloader { - display: inline-block; - vertical-align: middle; - width: var(--f7-preloader-size); - height: var(--f7-preloader-size); - font-size: 0; - position: relative; +.aurora .toast.toast-top { + top: 10px; } -/* === Preloader Modal === */ +.aurora .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.aurora .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.aurora .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.aurora .toast.toast-bottom { + bottom: calc(10px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .aurora .toast { + left: 50%; + margin-left: -284px; + } + .aurora .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .aurora .toast { + margin-left: 0; + width: auto; + } + .aurora .toast.toast-bottom, + .aurora .toast.toast-top { + left: 10px; + } +} +.aurora .toast-button { + margin-left: 10px; +} +/* === 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; +} +.aurora { + --f7-preloader-color: #757575; + --f7-preloader-size: 24px; + --f7-preloader-modal-preloader-size: 24px; + --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; @@ -6048,23 +7089,82 @@ html.with-modal-preloader .page-content { border-right-color: #DE3E35; } } +.aurora .preloader-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.aurora .preloader-inner-circle { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + border: calc(var(--f7-preloader-size) / 8) solid var(--f7-preloader-color); + border-top-color: transparent; + box-sizing: border-box; + animation: aurora-preloader-rotate 1s linear infinite; +} +.aurora .preloader.color-multi .preloader-inner-circle { + animation: aurora-preloader-rotate 1s linear infinite, aurora-preloader-multicolor 2s linear infinite; +} +@keyframes aurora-preloader-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes aurora-preloader-multicolor { + 0%, + 100% { + border-color: #2196f3; + border-top-color: transparent; + } + 25% { + border-color: #ff3b30; + border-top-color: transparent; + } + 50% { + border-color: #4cd964; + border-top-color: transparent; + } + 75% { + border-color: #ff9500; + border-top-color: transparent; + } +} /* === Progressbar === */ -.ios { +:root { /* --f7-progressbar-progress-color: var(--f7-theme-color); */ +} +.ios { --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; } +.aurora { + --f7-progressbar-bg-color: #dbdbdb; + --f7-progressbar-height: 6px; + --f7-progressbar-border-radius: 3px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-progressbar-bg-color: #444; +} .progressbar, .progressbar-infinite { width: 100%; @@ -6285,6 +7385,41 @@ body > .progressbar-infinite, background-color: #4caf50; } } +.aurora .progressbar, +.aurora .progressbar-infinite, +.aurora .progressbar span, +.aurora .progressbar-infinite:before { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset; +} +.aurora .progressbar-infinite:before { + animation: aurora-progressbar-infinite 1s linear infinite; +} +.aurora .progressbar-infinite:after { + display: none; +} +.aurora .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: aurora-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes aurora-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes aurora-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} /* === Sortable === */ :root { --f7-sortable-handler-color: #c7c7cc; @@ -6302,6 +7437,10 @@ body > .progressbar-infinite, --f7-sortable-handler-width: 42px; --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); } +.aurora { + --f7-sortable-handler-width: 32px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} .sortable .sortable-handler { width: var(--f7-sortable-handler-width); height: 100%; @@ -6385,11 +7524,18 @@ body > .progressbar-infinite, .md .sortable-handler:after { content: 'sort_md'; } +.aurora .sortable-handler:after { + content: 'sort_md'; + font-size: 16px; + height: 16px; +} /* === Swipeout === */ :root { --f7-swipeout-button-text-color: #fff; --f7-swipeout-button-bg-color: #c7c7cc; --f7-swipeout-delete-button-bg-color: #ff3b30; + --f7-swipeout-button-font-size: inherit; + --f7-swipeout-button-font-weight: inherit; } .ios { --f7-swipeout-button-padding: 0 30px; @@ -6397,6 +7543,10 @@ body > .progressbar-infinite, .md { --f7-swipeout-button-padding: 0 24px; } +.aurora { + --f7-swipeout-button-padding: 0 12px; + --f7-swipeout-button-font-weight: 500; +} .swipeout { overflow: hidden; transform-style: preserve-3d; @@ -6445,6 +7595,8 @@ body > .progressbar-infinite, align-items: center; position: relative; left: 0; + font-size: var(--f7-swipeout-button-font-size); + font-weight: var(--f7-swipeout-button-font-weight); } .swipeout-actions-left > a:after, .swipeout-actions-right > a:after, @@ -6619,7 +7771,31 @@ html.device-android-4 .accordion-item-content { margin-top: -4px; line-height: 8px; } +.aurora .list .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item > .item-link .item-title-row:before, +.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item.media-item > .item-link .item-title-row:before, +.aurora .links-list .accordion-item > a:before { + content: 'chevron_down_aurora'; +} +.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item-opened > .item-link .item-title-row:before, +.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item-opened.media-item > .item-link .item-title-row:before, +.aurora .links-list .accordion-item-opened > a:before { + content: 'chevron_up_aurora'; +} /* === Contacts === */ +:root .theme-dark, +:root.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} .ios { --f7-contacts-list-title-font-size: inherit; --f7-contacts-list-title-font-weight: 600; @@ -6629,31 +7805,38 @@ html.device-android-4 .accordion-item-content { } .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; +.aurora { + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + /* + --f7-contacts-list-title-bg-color: var(--f7-list-group-title-bg-color); + --f7-contacts-list-title-font-size: var(--f7-list-group-title-font-size); + --f7-contacts-list-title-line-height: var(--f7-list-group-title-height); + --f7-contacts-list-title-height: var(--f7-list-group-title-height); + */ } .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); + background-color: var(--f7-contacts-list-title-bg-color, var(--f7-list-group-title-bg-color)); + font-weight: var(--f7-contacts-list-title-font-weight, var(--f7-list-group-title-font-weight)); + font-size: var(--f7-contacts-list-title-font-size, var(--f7-list-group-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); + line-height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)); + height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)); } .contacts-list .list-group:first-child ul:before { display: none !important; @@ -6694,6 +7877,13 @@ html.device-android-4 .accordion-item-content { --f7-list-index-label-font-size: 20px; --f7-list-index-skip-dot-size: 4px; } +.aurora { + --f7-list-index-font-size: 12px; + --f7-list-index-label-size: 32px; + --f7-list-index-label-font-size: 12px; + --f7-list-index-label-font-weight: 600; + --f7-list-index-skip-dot-size: 4px; +} .list-index { position: absolute; top: 0; @@ -6828,16 +8018,40 @@ html.device-android-4 .accordion-item-content { .md .list-index .list-index-label { border-radius: 50% 50% 0 50%; } +.aurora .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%; +} +.aurora .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 1px 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} /* === Timeline === */ :root { --f7-timeline-horizontal-date-height: 34px; --f7-timeline-year-height: 24px; + --f7-timeline-year-font-weight: inherit; --f7-timeline-month-height: 24px; + --f7-timeline-month-font-size: inherit; + --f7-timeline-month-font-weight: inherit; --f7-timeline-item-inner-bg-color: #fff; + --f7-timeline-item-text-font-weight: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; } :root .theme-dark, :root.theme-dark { --f7-timeline-item-inner-bg-color: #1c1c1d; + --f7-timeline-horizontal-item-border-color: #282829; + --f7-timeline-horizontal-item-date-border-color: #282829; } .ios { --f7-timeline-padding-horizontal: 15px; @@ -6849,9 +8063,14 @@ html.device-android-4 .accordion-item-content { --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-line-height: inherit; --f7-timeline-item-title-font-weight: 600; --f7-timeline-item-subtitle-font-size: 15px; - --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-item-subtitle-line-height: inherit; + --f7-timeline-item-text-font-size: inherit; + --f7-timeline-item-text-color: inherit; + --f7-timeline-item-text-line-height: inherit; + --f7-timeline-year-font-size: 16px; --f7-timeline-horizontal-item-padding: 10px; --f7-timeline-horizontal-item-border-color: #c4c4c4; --f7-timeline-horizontal-item-date-border-color: #c4c4c4; @@ -6871,9 +8090,14 @@ html.device-android-4 .accordion-item-content { --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-line-height: inherit; --f7-timeline-item-title-font-weight: 400; --f7-timeline-item-subtitle-font-size: inherit; - --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-item-subtitle-line-height: inherit; + --f7-timeline-item-text-font-size: inherit; + --f7-timeline-item-text-line-height: inherit; + --f7-timeline-item-text-color: inherit; + --f7-timeline-year-font-size: 16px; --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; @@ -6883,6 +8107,35 @@ html.device-android-4 .accordion-item-content { .md.theme-dark { --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-timeline-padding-horizontal: 10px; + --f7-timeline-margin-vertical: 15px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-timeline-item-time-font-size: 12px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.5); + --f7-timeline-item-title-font-size: 14px; + --f7-timeline-item-title-line-height: 1.3; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 14px; + --f7-timeline-item-subtitle-line-height: 1.3; + --f7-timeline-item-text-color: rgba(0, 0, 0, 0.6); + --f7-timeline-item-text-font-size: 12px; + --f7-timeline-item-text-line-height: 1.33; + --f7-timeline-year-font-size: 14px; + --f7-timeline-year-font-weight: 500; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.2); + --f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.2); + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.52); + --f7-timeline-item-text-color: rgba(255, 255, 255, 0.52); +} .timeline { box-sizing: border-box; margin: var(--f7-timeline-margin-vertical) 0; @@ -7038,10 +8291,18 @@ html.device-android-4 .accordion-item-content { .timeline-item-title { font-size: var(--f7-timeline-item-title-font-size); font-weight: var(--f7-timeline-item-title-font-weight); + line-height: var(--f7-timeline-item-title-line-height); } .timeline-item-subtitle { font-size: var(--f7-timeline-item-subtitle-font-size); font-weight: var(--f7-timeline-item-subtitle-font-weight); + line-height: var(--f7-timeline-item-subtitle-line-height); +} +.timeline-item-text { + color: var(--f7-timeline-item-text-color); + font-size: var(--f7-timeline-item-text-font-size); + font-weight: var(--f7-timeline-item-text-font-weight); + line-height: var(--f7-timeline-item-text-line-height); } .timeline-sides .timeline-item-right, .timeline-sides .timeline-item { @@ -7359,10 +8620,14 @@ html.device-android-4 .accordion-item-content { .timeline-year-title { line-height: var(--f7-timeline-year-height); height: var(--f7-timeline-year-height); + font-size: var(--f7-timeline-year-font-size); + font-weight: var(--f7-timeline-year-font-weight); } .timeline-month-title { line-height: var(--f7-timeline-month-height); height: var(--f7-timeline-month-height); + font-size: var(--f7-timeline-month-font-size); + font-weight: var(--f7-timeline-month-font-weight); } .timeline-year-title, .timeline-month-title { @@ -7382,9 +8647,6 @@ html.device-android-4 .accordion-item-content { 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; } @@ -7425,7 +8687,6 @@ html.device-android-4 .accordion-item-content { 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); @@ -7433,10 +8694,12 @@ html.device-android-4 .accordion-item-content { .ios .timeline-year-title span { margin-top: 3px; } -/* === Timeline MD === */ .md .timeline-year-title span { margin-top: 2px; } +.aurora .timeline-year-title span { + margin-top: 2px; +} /* === Tabs === */ .tabs .tab { display: none; @@ -7461,7 +8724,7 @@ html.device-android-4 .accordion-item-content { flex-shrink: 0; } .tabs-animated-wrap.not-animated > .tabs { - transition-duration: 300ms; + transition-duration: 0ms; } .tabs-swipeable-wrap { height: 100%; @@ -7478,6 +8741,10 @@ html.device-android-4 .accordion-item-content { /* === Panels === */ :root { --f7-panel-width: 260px; + /* + --f7-panel-left-width: var(--f7-panel-width); + --f7-panel-right-width: var(--f7-panel-width); + */ --f7-panel-bg-color: #fff; } .ios { @@ -7494,12 +8761,17 @@ html.device-android-4 .accordion-item-content { rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%; } +.aurora { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} .panel-backdrop { position: absolute; left: 0; - top: var(--f7-statusbar-height); + top: calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset, 0px)); width: 100%; - height: calc(100% - var(--f7-statusbar-height)); + height: calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset, 0px)); opacity: 0; z-index: 5999; display: none; @@ -7516,13 +8788,14 @@ html.device-android-4 .accordion-item-content { display: none; box-sizing: border-box; position: absolute; - top: var(--f7-statusbar-height); - height: calc(100% - var(--f7-statusbar-height)); + top: calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset, 0px)); + height: calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset, 0px)); transform: translate3d(0, 0, 0); width: var(--f7-panel-width); background-color: var(--f7-panel-bg-color); overflow: visible; will-change: transform; + transition-property: transform; } .panel:after { pointer-events: none; @@ -7533,6 +8806,7 @@ html.device-android-4 .accordion-item-content { top: 0; width: 20px; height: 100%; + transition-property: transform, opacity; } .panel, .panel:after { @@ -7546,11 +8820,24 @@ html.device-android-4 .accordion-item-content { .panel.panel-reveal.not-animated ~ .view { transition-duration: 0ms !important; } +.panel.panel-resizing { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.panel.panel-resizing, +.panel.panel-resizing:after, +.panel.panel-resizing ~ .views, +.panel.panel-resizing ~ .view { + transition-duration: 0ms !important; +} .panel-cover { z-index: 6000; } .panel-left { left: 0; + width: var(--f7-panel-left-width, var(--f7-panel-width)); } .panel-left.panel-cover { transform: translate3d(-100%, 0, 0); @@ -7563,15 +8850,17 @@ html.with-panel-left-cover .panel-left.panel-cover:after { opacity: 1; } .panel-left.panel-reveal:after { - right: 100%; + right: 0; + transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0); 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); + transform: translate3d(0, 0, 0); } .panel-right { right: 0; + width: var(--f7-panel-right-width, var(--f7-panel-width)); } .panel-right.panel-cover { transform: translate3d(100%, 0, 0); @@ -7584,12 +8873,13 @@ html.with-panel-right-cover .panel-right.panel-cover:after { opacity: 1; } .panel-right.panel-reveal:after { - left: 100%; + left: 0; background: linear-gradient(to right, var(--f7-panel-shadow)); + transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0); } html.with-panel-right-reveal .panel-right.panel-reveal:after { opacity: 1; - transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); + transform: translate3d(0, 0, 0); } .panel-visible-by-breakpoint { display: block; @@ -7630,12 +8920,12 @@ html.with-panel-right-cover .panel-backdrop { 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); + transform: translate3d(var(--f7-panel-left-width, 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); + transform: translate3d(calc(-1 * var(--f7-panel-right-width, var(--f7-panel-width))), 0, 0); } html.with-panel-left-cover .panel-left { transform: translate3d(0px, 0, 0); @@ -7643,6 +8933,30 @@ html.with-panel-left-cover .panel-left { html.with-panel-right-cover .panel-right { transform: translate3d(0px, 0, 0); } +.panel-resize-handler { + position: absolute; + top: 0; + height: 100%; + width: 6px; + cursor: col-resize; + z-index: 6000; + display: none; +} +.panel-resizable .panel-resize-handler { + display: block; +} +.panel-left.panel-cover .panel-resize-handler { + right: -3px; +} +.panel-left.panel-reveal .panel-resize-handler { + right: 0; +} +.panel-right.panel-cover .panel-resize-handler { + left: -3px; +} +.panel-right.panel-reveal .panel-resize-handler { + left: 0; +} /* === Card === */ :root { --f7-card-bg-color: #fff; @@ -7663,6 +8977,7 @@ html.with-panel-right-cover .panel-right { :root .theme-dark, :root.theme-dark { --f7-card-bg-color: #1c1c1d; + --f7-card-expandable-bg-color: #1c1c1d; --f7-card-outline-border-color: #282829; --f7-card-header-border-color: #282829; --f7-card-footer-border-color: #282829; @@ -7712,6 +9027,29 @@ html.with-panel-right-cover .panel-right { --f7-card-expandable-header-font-size: 24px; --f7-card-expandable-header-font-weight: 500; } +.aurora { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 14px; + --f7-card-header-font-weight: bold; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 38px; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 38px; + --f7-card-expandable-margin-horizontal: 10px; + --f7-card-expandable-margin-vertical: 20px; + --f7-card-expandable-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); + --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; +} .cards-list > ul:before, .card .list > ul:before { display: none !important; @@ -7748,16 +9086,19 @@ html.with-panel-right-cover .panel-right { } .card-outline, .ios .card-outline-ios, -.md .card-outline-md { +.md .card-outline-md, +.aurora .card-outline-aurora { 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, +.aurora .card-outline-aurora.no-border, .card-outline.no-hairlines, .ios .card-outline-ios.no-hairlines, -.md .card-outline-md.no-hairlines { +.md .card-outline-md.no-hairlines, +.aurora .card-outline-aurora.no-hairlines { border: none; } .card-content { @@ -8094,6 +9435,17 @@ html.with-panel-right-cover .panel-right { .md.theme-dark { --f7-chip-text-color: rgba(255, 255, 255, 0.87); } +.aurora { + --f7-chip-text-color: #000; + --f7-chip-height: 20px; + --f7-chip-padding-horizontal: 10px; + --f7-chip-font-size: 12px; + --f7-chip-media-font-size: 14px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-chip-text-color: #fff; +} .chip { padding-left: var(--f7-chip-padding-horizontal); padding-right: var(--f7-chip-padding-horizontal); @@ -8190,7 +9542,8 @@ html.with-panel-right-cover .panel-right { } .chip-outline, .ios .chip-outline-ios, -.md .chip-outline-md { +.md .chip-outline-md, +.aurora .chip-outline-aurora { border: 1px solid var(--f7-chip-outline-border-color); background: none; } @@ -8200,7 +9553,8 @@ html.with-panel-right-cover .panel-right { } .chip-outline[class*="color-"], .ios .chip-outline-ios[class*="color-"], -.md .chip-outline-md[class*="color-"] { +.md .chip-outline-md[class*="color-"], +.aurora .chip-outline-aurora[class*="color-"] { --f7-chip-outline-border-color: var(--f7-theme-color); --f7-chip-text-color: var(--f7-theme-color); } @@ -8219,29 +9573,52 @@ html.with-panel-right-cover .panel-right { .md .chip-delete:after { font-size: 12px; } +.aurora .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.aurora .chip-delete:after { + font-size: 10px; +} /* === Form === */ /* === Input === */ :root { - --f7-label-font-size: 12px; + --f7-input-bg-color: transparent; --f7-label-font-weight: 400; --f7-label-line-height: 1.2; + --f7-input-padding-left: 0px; + --f7-input-padding-right: 0px; --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; + --f7-input-outline-height: 40px; + --f7-input-outline-border-color: #999; + --f7-input-outline-border-radius: 4px; + --f7-input-outline-padding-horizontal: 12px; + --f7-textarea-height: 100px; + /* + --f7-input-outline-focused-border-color: var(--f7-theme-color); + --f7-input-outline-invalid-border-color: var(--f7-input-error-text-color); + */ +} +:root .theme-dark, +:root.theme-dark { + --f7-input-outline-border-color: #444; } .ios { --f7-input-height: 44px; --f7-input-text-color: #000000; --f7-input-font-size: 17px; --f7-input-placeholder-color: #a9a9a9; + --f7-textarea-padding-vertical: 11px; /* --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-font-size: 12px; --f7-label-text-color: inherit; /* --f7-label-focused-text-color: var(--f7-label-text-color); @@ -8250,6 +9627,7 @@ html.with-panel-right-cover .panel-right { --f7-floating-label-scale: calc(17 / 12); --f7-inline-label-font-size: 17px; --f7-inline-label-line-height: 1.4; + --f7-inline-label-padding-top: 3px; --f7-input-info-text-color: #8e8e93; --f7-input-clear-button-size: 14px; --f7-input-clear-button-color: #8e8e93; @@ -8263,11 +9641,13 @@ html.with-panel-right-cover .panel-right { --f7-input-text-color: #212121; --f7-input-font-size: 16px; --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-textarea-padding-vertical: 7px; /* --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-font-size: 12px; --f7-label-text-color: rgba(0, 0, 0, 0.65); /* --f7-label-focused-text-color: var(--f7-theme-color); @@ -8276,8 +9656,9 @@ html.with-panel-right-cover .panel-right { --f7-floating-label-scale: calc(16 / 12); --f7-inline-label-font-size: 16px; --f7-inline-label-line-height: 1.5; + --f7-inline-label-padding-top: 7px; --f7-input-info-text-color: rgba(0, 0, 0, 0.45); - --f7-input-clear-button-size: 24px; + --f7-input-clear-button-size: 18px; --f7-input-clear-button-color: #aaa; } .md .theme-dark, @@ -8287,21 +9668,54 @@ html.with-panel-right-cover .panel-right { --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; +.aurora { + --f7-input-height: 24px; + --f7-input-text-color: #000000; + --f7-input-font-size: 13px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.32); + --f7-textarea-padding-vertical: 2px; + /* + --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-font-size: 11px; + --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(13 / 11); + --f7-inline-label-font-size: 14px; + --f7-inline-label-line-height: 1.4; + --f7-inline-label-padding-top: 1px; + --f7-input-info-text-color: rgba(0, 0, 0, 0.5); + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #666; + --f7-input-outline-height: 32px; + --f7-input-outline-padding-horizontal: 8px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-input-text-color: #fff; + --f7-input-clear-button-color: #aaa; + --f7-input-placeholder-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; @@ -8340,6 +9754,9 @@ textarea { height: var(--f7-input-height); color: var(--f7-input-text-color); font-size: var(--f7-input-font-size); + background-color: var(--f7-input-bg-color, transparent); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right); } .list input[type="text"]::-webkit-input-placeholder, .list input[type="password"]::-webkit-input-placeholder, @@ -8399,7 +9816,12 @@ textarea { font-size: var(--f7-input-font-size); resize: none; line-height: 1.4; - height: 100px; + height: var(--f7-textarea-height); + background-color: var(--f7-input-bg-color, transparent); + padding-top: var(--f7-textarea-padding-vertical); + padding-bottom: var(--f7-textarea-padding-vertical); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right); } .list textarea::-webkit-input-placeholder { color: var(--f7-input-placeholder-color); @@ -8419,6 +9841,7 @@ textarea { .list input[type="datetime-local"] { max-width: 50vw; } +.list input[type="time"], .list input[type="date"], .list input[type="datetime-local"] { line-height: var(--f7-input-height); @@ -8436,12 +9859,14 @@ textarea { transition-property: transform, color; } .list .item-floating-label { - transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + --label-height: calc(var(--f7-label-font-size) * var(--f7-label-line-height)); + transform: scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height) / 2 + 50%) / var(--f7-floating-label-scale))); color: var(--f7-input-placeholder-color); width: auto; max-width: calc(100% / var(--f7-floating-label-scale)); pointer-events: none; - transform-origin: left bottom; + left: var(--f7-input-padding-left); + transform-origin: left center; } .list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { @@ -8496,7 +9921,9 @@ textarea { position: relative; } .item-input .item-inner { - display: block; + display: flex; + flex-direction: column; + align-items: flex-start; } .item-input-error-message, .input-error-message { @@ -8505,6 +9932,7 @@ textarea { color: var(--f7-input-error-text-color); font-weight: var(--f7-input-error-font-weight); display: none; + box-sizing: border-box; } .item-input-info, .input-info { @@ -8527,11 +9955,14 @@ textarea { .inline-labels .item-inner, .inline-label .item-inner { display: flex; + align-items: center; + flex-direction: row; } .inline-labels .item-label, .inline-label .item-label, .inline-labels .item-floating-label, .inline-label .item-floating-label { + padding-top: var(--f7-inline-label-padding-top); align-self: flex-start; width: 35%; font-size: var(--f7-inline-label-font-size); @@ -8601,6 +10032,9 @@ textarea { .item-input-wrap .input-clear-button { top: calc(var(--f7-input-height) / 2); } +.input-clear-button.active-state { + opacity: 0.75 !important; +} .input-with-value ~ .input-clear-button, .item-input-with-value .input-clear-button, .input-with-value .input-clear-button { @@ -8632,11 +10066,97 @@ textarea { .input-dropdown input, .input-dropdown-wrap textarea, .input-dropdown textarea { + padding-right: calc(20px + var(--f7-input-padding-right)); +} +.input-outline:after, +.item-input-outline .item-input-wrap:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + border: 1px solid var(--f7-input-outline-border-color); + border-radius: var(--f7-input-outline-border-radius); + transition-duration: 200ms; + pointer-events: none; +} +.input-outline.input-focused:after, +.item-input-outline.item-input-focused .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-focused-border-color, var(--f7-theme-color)); +} +.input-outline.input-invalid:after, +.item-input-outline.item-input-invalid .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-invalid-border-color, var(--f7-input-error-text-color)); +} +.input-outline input, +.item-input-outline input, +.list .item-input-outline input, +.input-outline textarea, +.item-input-outline textarea, +.list .item-input-outline textarea, +.input-outline select, +.item-input-outline select, +.list .item-input-outline select { + border-radius: var(--f7-input-outline-border-radius); + padding-left: var(--f7-input-outline-padding-horizontal); + padding-right: var(--f7-input-outline-padding-horizontal); +} +.input-outline.input-dropdown:before, +.item-input-outline .input-dropdown-wrap:before { + right: 8px; +} +.input-outline.input-dropdown input, +.item-input-outline .input-dropdown-wrap input, +.input-outline.input-dropdown textarea, +.item-input-outline .input-dropdown-wrap textarea, +.input-outline.input-dropdown select, +.item-input-outline .input-dropdown-wrap select { padding-right: 20px; } -.ios .list textarea { - padding-top: 11px; - padding-bottom: 11px; +.input-outline .input-clear-button, +.item-input-outline .input-clear-button { + right: 8px; +} +.item-input-outline { + --f7-input-height: var(--f7-input-outline-height); +} +.item-input-outline .item-inner:after { + display: none !important; +} +.item-input-outline .item-label { + left: var(--f7-input-outline-padding-horizontal); +} +.inline-labels .item-input-outline .item-label, +.inline-label .item-input-outline .item-label, +.item-input-outline .inline-label .item-label, +.item-input-outline .inline-label.item-label { + left: 0; +} +.item-input-outline .item-floating-label { + left: calc(var(--f7-input-outline-padding-horizontal) - 4px); + padding-left: 4px; + padding-right: 4px; + background: var(--f7-page-bg-color); + z-index: 10; + margin-top: calc(-0.5 * (var(--f7-label-font-size) * var(--f7-label-line-height))); +} +.item-input-outline.item-input-with-value .item-floating-label, +.item-input-outline.item-input-focused .item-floating-label { + transform: scale(1) translateY(50%); +} +.item-input-outline .item-input-info, +.item-input-outline .item-input-error-message { + padding-left: var(--f7-input-outline-padding-horizontal); +} +.block-strong .item-input-outline .item-floating-label { + background: var(--f7-block-strong-bg-color); +} +.list .item-input-outline .item-floating-label { + background: var(--f7-list-bg-color); } .ios .item-label + .item-input-wrap, .ios .item-floating-label + .item-input-wrap { @@ -8652,12 +10172,6 @@ textarea { 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, @@ -8709,12 +10223,50 @@ textarea { margin-left: -22px; margin-top: -22px; } -.md .list textarea { - padding-top: 7px; - padding-bottom: 7px; +.ios .item-input-outline .item-input-wrap, +.ios .input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0; +} +.ios .item-input-outline .item-input-error-message, +.ios .input-outline .item-input-error-message, +.ios .item-input-outline .item-input-info, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-error-message, +.ios .input-outline .input-error-message, +.ios .item-input-outline .input-info, +.ios .input-outline .input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis; } -.md .item-input-wrap:after, -.md .input:after { +.ios .item-input-outline .item-input-info, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-info, +.ios .input-outline .input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.ios .item-input-outline .item-input-error-message, +.ios .input-outline .item-input-error-message, +.ios .item-input-outline .input-error-message, +.ios .input-outline .input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.ios .item-input-outline.item-input-with-info .item-input-wrap, +.ios .input-outline.item-input-with-info .item-input-wrap, +.ios .item-input-outline.input-with-info .item-input-wrap, +.ios .input-outline.input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.ios .item-input-outline.item-input-with-error-message .item-input-wrap, +.ios .input-outline.item-input-with-error-message .item-input-wrap, +.ios .item-input-outline.input-with-error-message .item-input-wrap, +.ios .input-outline.input-with-error-message .item-input-wrap { + margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.md .item-input:not(.item-input-outline) .item-input-wrap:after, +.md .input:not(.input-outline):after { content: ''; position: absolute; background-color: var(--f7-list-item-border-color); @@ -8729,8 +10281,8 @@ textarea { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } -.md .item-input-wrap:after, -.md .input:after { +.md .item-input:not(.item-input-outline) .item-input-wrap:after, +.md .input:not(.input-outline):after { transition-duration: 200ms; } .md .item-input-wrap { @@ -8747,12 +10299,6 @@ textarea { 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, @@ -8776,18 +10322,18 @@ textarea { .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 { +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after, +.md .input-focused:not(.input-outline):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 { +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after, +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after, +.md .input-invalid:not(.input-outline):after, +.md .input-focused:not(.input-outline):after { transform: scaleY(2) !important; } -.md .item-input-invalid .item-input-wrap:after, -.md .input-invalid:after { +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after, +.md .input-invalid:not(.input-outline):after { background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); } .md .item-input-invalid .item-label, @@ -8813,11 +10359,106 @@ textarea { margin-left: -24px; margin-top: -24px; } +.aurora .item-label + .item-input-wrap, +.aurora .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.aurora .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.aurora .item-input .item-media { + align-self: flex-start; +} +.aurora .item-input-error-message, +.aurora .item-input-info, +.aurora .input-error-message, +.aurora .input-info { + position: relative; +} +.aurora .item-input-focused .item-label, +.aurora .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.aurora .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.aurora .item-input-invalid .item-label, +.aurora .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.aurora .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.aurora .item-input-invalid input, +.aurora .input-invalid input, +.aurora .item-input-invalid select, +.aurora .input-invalid select, +.aurora .item-input-invalid textarea, +.aurora .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.aurora .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.aurora .input-clear-button:before { + width: 28px; + height: 28px; + margin-left: -14px; + margin-top: -14px; +} +.aurora .item-input-outline .item-input-wrap, +.aurora .input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0; +} +.aurora .item-input-outline .item-input-error-message, +.aurora .input-outline .item-input-error-message, +.aurora .item-input-outline .item-input-info, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-error-message, +.aurora .input-outline .input-error-message, +.aurora .item-input-outline .input-info, +.aurora .input-outline .input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis; +} +.aurora .item-input-outline .item-input-info, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-info, +.aurora .input-outline .input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.aurora .item-input-outline .item-input-error-message, +.aurora .input-outline .item-input-error-message, +.aurora .item-input-outline .input-error-message, +.aurora .input-outline .input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.aurora .item-input-outline.item-input-with-info .item-input-wrap, +.aurora .input-outline.item-input-with-info .item-input-wrap, +.aurora .item-input-outline.input-with-info .item-input-wrap, +.aurora .input-outline.input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.aurora .item-input-outline.item-input-with-error-message .item-input-wrap, +.aurora .input-outline.item-input-with-error-message .item-input-wrap, +.aurora .item-input-outline.input-with-error-message .item-input-wrap, +.aurora .input-outline.input-with-error-message .item-input-wrap { + margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} /* === Checkbox === */ :root { /* --f7-checkbox-active-color: var(--f7-theme-color); */ --f7-checkbox-icon-color: #fff; } +:root .theme-dark, +:root.theme-dark { + --f7-checkbox-inactive-color: rgba(255, 255, 255, 0.3); +} .ios { --f7-checkbox-size: 22px; --f7-checkbox-border-radius: 50%; @@ -8832,6 +10473,13 @@ textarea { --f7-checkbox-inactive-color: #6d6d6d; --f7-checkbox-extra-margin: 22px; } +.aurora { + --f7-checkbox-size: 14px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #888; + --f7-checkbox-extra-margin: 0px; +} .checkbox { position: relative; display: inline-block; @@ -8880,18 +10528,45 @@ textarea { opacity: 0; color: var(--f7-checkbox-icon-color); position: relative; + transition-property: opacity; +} +label.item-checkbox input[type="checkbox"]:not(:checked) ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:not(:checked) ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:not(:checked) ~ i:after { + font-size: 0; } label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, -.checkbox input[type="checkbox"]:checked ~ i { +.checkbox input[type="checkbox"]:checked ~ i, +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:indeterminate ~ 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 { +.checkbox input[type="checkbox"]:checked ~ i:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:indeterminate ~ i:after { opacity: 1; } +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:indeterminate ~ i:after { + font-size: 0; + content: ''; + position: absolute; + top: 50%; + width: 70%; + background: #fff; + height: 2px; + border-radius: 2px; + margin-top: -1px; + left: 15%; + transition: 0ms; +} label.item-checkbox, .checkbox { cursor: pointer; @@ -8933,6 +10608,12 @@ label.item-checkbox.disabled, .ios label.item-checkbox.active-state { transition-duration: 0ms; } +.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.ios .checkbox input[type="checkbox"]:indeterminate ~ i:after { + height: 1px; + margin-top: 0px; +} .md .icon-checkbox, .md .checkbox i { transition-duration: 200ms; @@ -8948,6 +10629,36 @@ label.item-checkbox.disabled, overflow: hidden; z-index: 0; } +.aurora .icon-checkbox, +.aurora .checkbox i { + transition-duration: 150ms; +} +.aurora .icon-checkbox:after, +.aurora .checkbox i:after { + content: 'checkbox_aurora'; + transition-duration: 150ms; + font-size: 19px; +} +.aurora .icon-checkbox:before, +.aurora .checkbox i:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.1); + opacity: 0; + transition-duration: 150ms; +} +.aurora .checkbox.active-state i:before { + opacity: 1; +} +.aurora label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} /* === Radio === */ :root { /* @@ -8955,6 +10666,10 @@ label.item-checkbox.disabled, */ --f7-radio-border-radius: 50%; } +:root .theme-dark, +:root.theme-dark { + --f7-radio-inactive-color: rgba(255, 255, 255, 0.3); +} .ios { --f7-radio-size: 22px; --f7-radio-border-width: 1px; @@ -8967,6 +10682,12 @@ label.item-checkbox.disabled, --f7-radio-inactive-color: #6d6d6d; --f7-radio-extra-margin: 22px; } +.aurora { + --f7-radio-size: 16px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #888; + --f7-radio-extra-margin: 0px; +} .radio { position: relative; display: inline-block; @@ -8984,7 +10705,8 @@ label.item-checkbox.disabled, flex-shrink: 0; } .radio .icon-radio, -.md .icon-radio { +.md .icon-radio, +.aurora .icon-radio { border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); } label.item-radio, @@ -9100,21 +10822,73 @@ label.item-radio.disabled, .md label.item-radio > .icon-radio { margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); } +.aurora .icon-radio { + transition-duration: 150ms; + overflow: hidden; +} +.aurora .icon-radio:after { + content: ''; + position: absolute; + width: 6px; + height: 6px; + left: 50%; + top: 50%; + margin-left: -3px; + margin-top: -3px; + background-color: #fff; + border-radius: 50%; + transform: scale(0); + transition-duration: 150ms; +} +.aurora .icon-radio:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.1); + opacity: 0; + transition-duration: 150ms; +} +.aurora .radio.active-state i:before { + opacity: 1; +} +.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio, +.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.aurora .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.aurora .radio input[type="radio"]:checked ~ .icon-radio:after { + transform: scale(1); +} +.aurora label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.aurora label.item-radio > .icon-radio { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); +} /* === Toggle === */ -.ios { +:root { --f7-toggle-handle-color: #fff; +} +.ios { --f7-toggle-width: 52px; --f7-toggle-height: 32px; - --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-border-color: #e5e5e5; --f7-toggle-inactive-color: #fff; } .ios .theme-dark, .ios.theme-dark { - --f7-toggle-border-color-ios: #555; + --f7-toggle-border-color: #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; @@ -9123,6 +10897,15 @@ label.item-radio.disabled, .md.theme-dark { --f7-toggle-inactive-color: #555; } +.aurora { + --f7-toggle-width: 40px; + --f7-toggle-height: 20px; + --f7-toggle-inactive-color: #aaa; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-toggle-inactive-color: #555; +} .toggle, .toggle-icon { width: var(--f7-toggle-width); @@ -9182,7 +10965,7 @@ label.item-radio.disabled, transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height))); } .ios .toggle-icon { - background: var(--f7-toggle-border-color-ios); + background: var(--f7-toggle-border-color); } .ios .toggle-icon:before { position: absolute; @@ -9232,13 +11015,35 @@ label.item-radio.disabled, border-radius: var(--f7-toggle-height); left: 0; } +.aurora .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.aurora .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height))); +} +.aurora .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.aurora .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + left: 2px; + border-radius: calc(var(--f7-toggle-height) - 4px); +} /* === Range Slider === */ -.ios { - --f7-range-size: 28px; - --f7-range-bar-bg-color: #b7b8b7; +:root { /* --f7-range-bar-active-bg-color: var(--f7-theme-color); */ + --f7-range-scale-step-height: 5px; + --f7-range-scale-text-color: #666; + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.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; @@ -9248,28 +11053,23 @@ label.item-radio.disabled, --f7-range-label-text-color: #000; --f7-range-label-bg-color: #fff; --f7-range-label-font-size: 12px; + --f7-range-label-font-weight: normal; --f7-range-label-border-radius: 5px; + --f7-range-label-padding: 0px; /* --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; @@ -9278,38 +11078,66 @@ label.item-radio.disabled, */ --f7-range-knob-box-shadow: none; --f7-range-label-size: 26px; + --f7-range-label-font-weight: normal; --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-label-padding: 0px; /* --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"] { +.aurora { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #c7c7c7; + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 16px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 20px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-font-weight: 600; + --f7-range-label-border-radius: 4px; + --f7-range-label-padding: 0px 4px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-font-size: 11px; + --f7-range-scale-font-weight: 500; + --f7-range-scale-label-offset: 2px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ +} +.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 { @@ -9411,6 +11239,7 @@ label.item-radio.disabled, text-align: center; transition-duration: 120ms; transition-property: transform; + box-sizing: border-box; transform: translateY(100%) scale(0); height: var(--f7-range-label-size); line-height: var(--f7-range-label-size); @@ -9418,7 +11247,9 @@ label.item-radio.disabled, 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); + font-weight: var(--f7-range-label-font-weight); border-radius: var(--f7-range-label-border-radius); + padding: var(--f7-range-label-padding); } .range-knob-active-state .range-knob-label { transform: translateY(0%) scale(1); @@ -9542,11 +11373,19 @@ label.item-radio.disabled, .md .range-slider-label .range-knob-active-state .range-knob { transform: scale(0); } +.aurora .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.aurora .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} /* === 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-value-text-color: var(--f7-theme-color); */ --f7-stepper-fill-button-text-color: #fff; /* @@ -9586,6 +11425,24 @@ label.item-radio.disabled, .md.theme-dark { --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-stepper-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-stepper-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-height: 28px; + --f7-stepper-border-radius: 4px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 34px; + --f7-stepper-small-border-width: 1px; + --f7-stepper-small-height: 22px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} .stepper { display: inline-flex; align-items: stretch; @@ -9683,25 +11540,27 @@ label.item-radio.disabled, 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 .stepper-input-wrap input, .stepper-value { width: 45px; - color: var(--f7-theme-color); + color: var(--f7-stepper-value-text-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 { +.stepper .stepper-input-wrap input { height: 100%; } .stepper-round, .ios .stepper-round-ios, -.md .stepper-round-md { +.md .stepper-round-md, +.aurora .stepper-round-aurora { --f7-stepper-border-radius: var(--f7-stepper-height); } .stepper-fill, .ios .stepper-fill-ios, -.md .stepper-fill-md { +.md .stepper-fill-md, +.aurora .stepper-fill-aurora { --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); @@ -9709,42 +11568,52 @@ label.item-radio.disabled, .stepper-fill .stepper-button + .stepper-button, .ios .stepper-fill-ios .stepper-button + .stepper-button, .md .stepper-fill-md .stepper-button + .stepper-button, +.aurora .stepper-fill-aurora .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, +.aurora .stepper-raised-aurora .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, +.aurora .stepper-fill-aurora .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 { +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus, +.aurora .stepper-raised-aurora .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, +.aurora .stepper-fill-aurora .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 { +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state, +.aurora .stepper-fill-aurora .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, +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):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 { +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value, +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):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 { +.md .stepper-large-md, +.aurora .stepper-large-aurora { --f7-stepper-height: var(--f7-stepper-large-height); } .stepper-small, .ios .stepper-small-ios, -.md .stepper-small-md { +.md .stepper-small-md, +.aurora .stepper-small-aurora { --f7-stepper-border-width: var(--f7-stepper-small-border-width); --f7-stepper-height: var(--f7-stepper-small-height); } @@ -9755,7 +11624,8 @@ label.item-radio.disabled, } .stepper-raised, .ios .stepper-raised-ios, -.md .stepper-raised-md { +.md .stepper-raised-md, +.aurora .stepper-raised-aurora { --f7-stepper-border-width: 0; box-shadow: var(--f7-stepper-raised-box-shadow); } @@ -9808,6 +11678,23 @@ label.item-radio.disabled, .md .stepper-fill-md { --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .stepper-button, +.aurora .stepper-button-minus, +.aurora .stepper-button-plus { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-stepper-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .stepper-fill, +.aurora .stepper-fill-aurora { + --f7-stepper-button-hover-bg-color: var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint)); + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} /* === Smart Select === */ .smart-select :root { /* @@ -9867,6 +11754,9 @@ label.item-radio.disabled, .md { --f7-grid-gap: 16px; } +.aurora { + --f7-grid-gap: 15px; +} .row { display: flex; justify-content: space-between; @@ -10370,6 +12260,13 @@ label.item-radio.disabled, --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); --f7-calendar-week-header-text-color: var(--f7-bars-text-color); */ + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-day-text-color: #000; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ --f7-calendar-prev-next-text-color: #b8b8b8; --f7-calendar-disabled-text-color: #d4d4d4; --f7-calendar-event-dot-size: 4px; @@ -10377,6 +12274,12 @@ label.item-radio.disabled, --f7-calendar-event-bg-color: var(--f7-theme-color); */ } +:root .theme-dark, +:root.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; +} .ios { --f7-calendar-sheet-border-color: #929499; --f7-calendar-header-height: 44px; @@ -10385,26 +12288,16 @@ label.item-radio.disabled, --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; @@ -10417,29 +12310,41 @@ label.item-radio.disabled, --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); } +.aurora { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 38px; + --f7-calendar-header-font-size: 14px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 38px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-row-border-color: #e3e3e3; + --f7-calendar-day-font-size: 13px; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-day-size: 30px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} .calendar { overflow: hidden; height: var(--f7-calendar-height); @@ -10710,6 +12615,8 @@ label.item-radio.disabled, width: 50%; max-width: 200px; flex-shrink: 10; + margin-left: auto; + margin-right: auto; } .calendar-month-selector .calendar-day-number, .calendar-year-selector .calendar-day-number { @@ -10742,7 +12649,7 @@ label.item-radio.disabled, .ios.theme-dark { --f7-picker-divider-text-color: #fff; --f7-picker-item-selected-text-color: #fff; - --f7-picker-item-selected-border-color: #282829; + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06); } .md { --f7-picker-column-font-size: 20px; @@ -10756,6 +12663,20 @@ label.item-radio.disabled, --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); } +.aurora { + --f7-picker-column-font-size: 16px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-height: 28px; + --f7-picker-item-text-color: #888; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.12); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06); +} .picker { width: 100%; height: var(--f7-picker-height); @@ -10844,6 +12765,7 @@ label.item-radio.disabled, box-sizing: border-box; transition: 300ms; color: var(--f7-picker-item-text-color); + cursor: pointer; } .picker-item span { padding: 0 10px; @@ -10938,6 +12860,10 @@ label.item-radio.disabled, margin-top: 32px; margin-bottom: 32px; } +.aurora .infinite-scroll-preloader { + margin-top: 15px; + margin-bottom: 15px; +} /* === PTR === */ .ios { --f7-ptr-preloader-size: 20px; @@ -10947,6 +12873,10 @@ label.item-radio.disabled, --f7-ptr-preloader-size: 22px; --f7-ptr-size: 40px; } +.aurora { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 38px; +} .ptr-preloader { position: relative; top: var(--f7-ptr-top, 0); @@ -11066,14 +12996,14 @@ label.item-radio.disabled, --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); + left: 50%; + margin-left: calc(-1 * var(--f7-ptr-size) / 2); } .md .ptr-preloader .preloader .preloader-inner-gap, .md .ptr-preloader .preloader .preloader-inner-half-circle { @@ -11143,6 +13073,101 @@ label.item-radio.disabled, .md .ptr-bottom.ptr-refreshing .ptr-preloader { transform: translate3d(0, -66px, 0); } +.aurora .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.aurora .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); +} +.aurora .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: 8px; + content: 'ptr_arrow_ios'; +} +.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.aurora .ptr-transitioning, +.aurora .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.aurora .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.aurora .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.aurora .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.aurora .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.aurora .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.aurora .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.aurora .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.aurora .ptr-bottom.ptr-transitioning > *, +.aurora .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.aurora .ptr-bottom.ptr-refreshing { + transform: none; +} +.aurora .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.aurora .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.aurora .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} /* === Images Lazy Loading === */ .lazy-loaded.lazy-fade-in { animation: lazyFadeIn 600ms; @@ -11163,6 +13188,14 @@ label.item-radio.disabled, --f7-table-input-height: 24px; --f7-table-input-font-size: 14px; --f7-table-collapsible-cell-padding: 15px; + --f7-table-link-icon-only-icon-size: 20px; + --f7-table-sortable-icon-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; } .ios { --f7-table-head-font-weight: 600; @@ -11184,15 +13217,11 @@ label.item-radio.disabled, --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; @@ -11214,24 +13243,50 @@ label.item-radio.disabled, --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; +} +.aurora { + --f7-table-link-icon-only-icon-size: 18px; + --f7-table-head-font-weight: 400; + --f7-table-head-text-color: rgba(0, 0, 0, 0.6); + --f7-table-head-cell-height: 32px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 32px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 5px; + --f7-table-cell-padding-horizontal: 10px; + --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: rgba(0, 0, 0, 0.03); + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 14px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 42px; + --f7-table-footer-height: 32px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-table-input-text-color: #000; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03); + --f7-table-head-text-color: rgba(255, 255, 255, 0.52); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.52); } .data-table { overflow-x: auto; } -.data-table table { +.data-table table, +table.data-table { width: 100%; border: none; padding: 0; @@ -11272,7 +13327,8 @@ label.item-radio.disabled, .device-desktop .data-table tbody tr:hover { background: var(--f7-table-selected-row-bg-color); } -.data-table tbody td:before { +.data-table tbody td:before, +.data-table tbody th:before { content: ''; position: absolute; background-color: var(--f7-table-cell-border-color); @@ -11365,7 +13421,7 @@ label.item-radio.disabled, .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; + font-size: var(--f7-table-link-icon-only-icon-size); vertical-align: middle; } .data-table .sortable-cell:not(.input-cell) { @@ -11440,7 +13496,7 @@ label.item-radio.disabled, } .data-table.card .card-header, .card .data-table .card-header { - height: var(--f7-table-card-header-height); + min-height: var(--f7-table-card-header-height); } .data-table.card .card-content, .card .data-table .card-content { @@ -11448,7 +13504,7 @@ label.item-radio.disabled, } .data-table.card .card-footer, .card .data-table .card-footer { - height: var(--f7-table-footer-height); + min-height: var(--f7-table-footer-height); } .data-table .data-table-title { font-size: var(--f7-table-title-font-size); @@ -11512,7 +13568,7 @@ label.item-radio.disabled, position: relative; font-size: var(--f7-table-footer-font-size); overflow: hidden; - height: var(--f7-table-footer-height); + min-height: var(--f7-table-footer-height); color: var(--f7-table-footer-text-color); justify-content: flex-end; } @@ -11588,6 +13644,8 @@ label.item-radio.disabled, .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); + height: auto; + min-height: var(--f7-table-body-cell-height); display: flex; align-content: center; align-items: center; @@ -11739,6 +13797,36 @@ label.item-radio.disabled, .md .input-cell .input-clear-button { transform: scale(0.8); } +.aurora .data-table th.actions-cell a.link + a.link, +.aurora .data-table td.actions-cell a.link + a.link { + margin-left: 10px; +} +.aurora .sortable-cell:not(.numeric-cell):after { + margin-left: 5px; +} +.aurora .sortable-cell.numeric-cell:before { + margin-right: 5px; +} +.aurora .data-table-links a.link + a.link, +.aurora .data-table-actions a.link + a.link, +.aurora .data-table-links .button + .button, +.aurora .data-table-actions .button + .button { + margin-left: 10px; +} +.aurora .data-table-rows-select a.link, +.aurora .data-table-pagination a.link { + width: 32px; + height: 32px; +} +.aurora .data-table-rows-select + .data-table-pagination { + margin-left: 15px; +} +.aurora .data-table-rows-select .input { + margin-left: 10px; +} +.aurora .data-table-pagination-label { + margin-right: 10px; +} /* === FAB === */ :root { --f7-fab-text-color: #fff; @@ -11749,6 +13837,7 @@ label.item-radio.disabled, --f7-fab-label-border-radius: 4px; --f7-fab-label-padding: 4px 12px; --f7-fab-button-size: 40px; + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ } .ios { --f7-fab-size: 50px; @@ -11758,7 +13847,7 @@ label.item-radio.disabled, --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); */ + --f7-fab-label-font-size: inherit; } .md { --f7-fab-size: 56px; @@ -11768,7 +13857,17 @@ label.item-radio.disabled, --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); */ + --f7-fab-label-font-size: inherit; +} +.aurora { + --f7-fab-size: 40px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 38px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + --f7-fab-label-font-size: 12px; } .fab { position: absolute; @@ -12038,6 +14137,7 @@ label.item-radio.disabled, white-space: nowrap; transform: translateY(-50%); pointer-events: none; + font-size: var(--f7-fab-label-font-size); } .fab[class*="fab-right-"] .fab-label { right: 100%; @@ -12112,6 +14212,14 @@ label.item-radio.disabled, /* --f7-searchbar-link-color: var(--f7-bars-link-color); */ + --f7-searchbar-input-border-width: 0px; + --f7-searchbar-input-border-color: transparent; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-placeholder-color: #939398; +} +:root .theme-dark, +:root.theme-dark { + --f7-searchbar-input-text-color: #fff; } .ios { /* @@ -12120,18 +14228,21 @@ label.item-radio.disabled, --f7-searchbar-border-color: var(--f7-bars-border-color); */ --f7-searchbar-height: 44px; + --f7-searchbar-inner-padding-left: 8px; + --f7-searchbar-inner-padding-right: 8px; /* --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-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + --f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal); --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); */ --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); @@ -12139,32 +14250,80 @@ label.item-radio.disabled, --f7-searchbar-in-page-content-margin: 0px; --f7-searchbar-in-page-content-box-shadow: none; --f7-searchbar-in-page-content-border-radius: 0; + --f7-searchbar-in-page-content-input-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-inner-padding-left: 0px; + --f7-searchbar-inner-padding-right: 0px; --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-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + */ + --f7-searchbar-inline-input-padding-horizontal: 24px; --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; + --f7-searchbar-in-page-content-input-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-searchbar-bg-color: #222222; + --f7-searchbar-input-bg-color: #222222; +} +.aurora { + /* + --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: 38px; + --f7-searchbar-inner-padding-left: 8px; + --f7-searchbar-inner-padding-right: 8px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-input-font-size: 13px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 4px; + --f7-searchbar-input-height: 24px; + --f7-searchbar-input-padding-horizontal: 24px; + /* + --f7-searchbar-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + --f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal; + --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; + /* + --f7-searchbar-in-page-content-input-border-radius: var(--f7-searchbar-input-border-radius); + */ +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-searchbar-input-bg-color: #333; } .searchbar { width: 100%; @@ -12173,7 +14332,6 @@ label.item-radio.disabled, 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 { @@ -12197,10 +14355,10 @@ label.item-radio.disabled, transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } -.page > .searchbar { +.page > .searchbar:not(.searchbar-inline) { z-index: 510; } -.page > .searchbar:before { +.page > .searchbar:not(.searchbar-inline):before { content: ''; position: absolute; right: 0; @@ -12209,7 +14367,7 @@ label.item-radio.disabled, bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-searchbar-shadow-image); } .searchbar input[type="text"], .searchbar input[type="search"] { @@ -12217,7 +14375,7 @@ label.item-radio.disabled, width: 100%; height: 100%; display: block; - border: none; + border: var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -12229,8 +14387,8 @@ label.item-radio.disabled, 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); + padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left, 0px)); + padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right, 0px)); } .searchbar input[type="text"]::-webkit-input-placeholder, .searchbar input[type="search"]::-webkit-input-placeholder { @@ -12265,21 +14423,21 @@ label.item-radio.disabled, .searchbar a { color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); } -.page > .searchbar { +.page > .searchbar:not(.searchbar-inline) { position: absolute; left: 0; top: 0; } -.page-content .searchbar { +.page-content .searchbar:not(.searchbar-inline) { 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); +.page-content .searchbar:not(.searchbar-inline) .searchbar-inner, +.page-content .searchbar:not(.searchbar-inline) input[type="text"], +.page-content .searchbar:not(.searchbar-inline) input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-input-border-radius, var(--f7-searchbar-input-border-radius)); } .searchbar .input-clear-button { color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); @@ -12313,6 +14471,7 @@ label.item-radio.disabled, display: flex; align-items: center; box-sizing: border-box; + padding: 0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left)); } .searchbar-disable-button { cursor: pointer; @@ -12412,77 +14571,57 @@ label.item-radio.disabled, 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 > .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-with-navbar-large > .navbar ~ .searchbar ~ * .page-content, -.page-with-navbar-large > .navbar ~ .searchbar ~ .page-content, -.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ .page-content, -.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ * .page-content { - padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +.searchbar ~ * { + --f7-page-searchbar-offset: var(--f7-searchbar-height); } .page > .toolbar-top ~ .searchbar, .ios .page > .toolbar-top-ios ~ .searchbar, -.md .page > .toolbar-top-md ~ .searchbar { +.md .page > .toolbar-top-md ~ .searchbar, +.aurora .page > .toolbar-top-aurora ~ .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 { +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar, +.aurora .page > .tabbar-labels.toolbar-top-aurora ~ .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 { +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar, +.aurora .page > .navbar ~ .toolbar-top-aurora ~ .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 { +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar, +.aurora .page > .navbar ~ .tabbar-labels.toolbar-top-aurora ~ .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)); +.searchbar.searchbar-inline { + width: auto; + height: auto; + background-color: transparent; + background-image: none; } -.ios { - --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); - --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +.searchbar.searchbar-inline:after, +.searchbar.searchbar-inline:before { + display: none !important; +} +.searchbar.searchbar-inline .searchbar-input-wrap { + height: var(--f7-searchbar-inline-input-height, var(--f7-searchbar-input-height)); +} +.searchbar.searchbar-inline .searchbar-inner { + padding: 0; + position: static; + width: auto; + height: auto; +} +.searchbar.searchbar-inline input[type="text"], +.searchbar.searchbar-inline input[type="search"] { + font-size: var(--f7-searchbar-inline-input-font-size, var(--f7-searchbar-input-font-size)); + padding-left: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left, 0px)); + padding-right: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right, 0px)); } .ios .searchbar input[type="search"], .ios .searchbar input[type="text"] { @@ -12492,9 +14631,6 @@ label.item-radio.disabled, 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; @@ -12558,13 +14694,6 @@ label.item-radio.disabled, 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; @@ -12590,7 +14719,6 @@ label.item-radio.disabled, 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: ''; @@ -12643,12 +14771,14 @@ label.item-radio.disabled, opacity: 0; transform: rotate(90deg) scale(0.5); } +.md .searchbar { + --f7-searchbar-input-extra-padding-left: 17px; +} .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: ''; @@ -12681,7 +14811,7 @@ label.item-radio.disabled, .md .page > .searchbar, .md .subnavbar .searchbar, .md .searchbar-expandable { - --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); + --f7-searchbar-input-extra-padding-left: calc(17px + 8px); } .md .page > .searchbar .searchbar-icon, .md .subnavbar .searchbar .searchbar-icon, @@ -12713,6 +14843,68 @@ label.item-radio.disabled, left: 0; margin-left: 0; } +.aurora .searchbar input[type="search"], +.aurora .searchbar input[type="text"] { + z-index: 30; +} +.aurora .searchbar .input-clear-button { + z-index: 40; + right: 4px; +} +.aurora .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + left: 6px; +} +.aurora .searchbar-icon:after { + content: 'search_aurora'; + line-height: 13px; +} +.aurora .searchbar-disable-button { + font-size: 14px; + 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; +} +.aurora .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.aurora .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px; +} +.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.aurora .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + left: 0; + top: 0; + opacity: 0; + width: 100%; + transform: translate3d(0, 0%, 0); + overflow: hidden; +} +.aurora .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block; +} +.aurora .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.aurora .searchbar-expandable.searchbar-enabled { + opacity: 1; + pointer-events: auto; +} /* === Messages === */ :root { --f7-messages-content-bg-color: #fff; @@ -12726,7 +14918,10 @@ label.item-radio.disabled, --f7-message-header-font-size: 12px; --f7-message-footer-font-size: 11px; --f7-message-name-font-size: 12px; + --f7-message-name-font-weight: inherit; --f7-message-typing-indicator-bg-color: #000; + --f7-message-avatar-border-radius: 50%; + --f7-messages-title-font-weight: inherit; /* --f7-message-sent-bg-color: var(--f7-theme-color); */ @@ -12734,6 +14929,13 @@ label.item-radio.disabled, --f7-message-received-bg-color: #e5e5ea; --f7-message-received-text-color: #000; } +:root .theme-dark, +:root.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; +} .ios { --f7-messages-title-text-color: #8e8e93; --f7-messages-title-font-size: 11px; @@ -12742,19 +14944,13 @@ label.item-radio.disabled, --f7-message-name-text-color: #8e8e93; --f7-message-avatar-size: 29px; --f7-message-margin: 10px; + --f7-message-bubble-min-height: 32px; --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; @@ -12763,6 +14959,7 @@ label.item-radio.disabled, --f7-message-name-text-color: rgba(0, 0, 0, 0.51); --f7-message-avatar-size: 32px; --f7-message-margin: 16px; + --f7-message-bubble-min-height: 32px; --f7-message-bubble-font-size: 16px; --f7-message-bubble-border-radius: 4px; --f7-message-bubble-padding-vertical: 6px; @@ -12771,14 +14968,33 @@ label.item-radio.disabled, } .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; +} +.aurora { + --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: 24px; + --f7-message-margin: 10px; + --f7-message-bubble-min-height: 28px; + --f7-message-bubble-font-size: 13px; + --f7-message-bubble-line-height: 1.4; + --f7-message-bubble-border-radius: 14px; + --f7-message-bubble-padding-vertical: 5px; + --f7-message-bubble-padding-horizontal: 10px; + --f7-message-typing-indicator-opacity: 0.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-messages-title-text-color: rgba(255, 255, 255, 0.52); + --f7-message-header-text-color: rgba(255, 255, 255, 0.52); + --f7-message-name-text-color: rgba(255, 255, 255, 0.52); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.52); } .messages-content, .messages { @@ -12805,6 +15021,7 @@ label.item-radio.disabled, line-height: 1; color: var(--f7-messages-title-text-color); font-size: var(--f7-messages-title-font-size); + font-weight: var(--f7-messages-title-font-weight); } .message { max-width: 70%; @@ -12816,7 +15033,7 @@ label.item-radio.disabled, transform: translate3d(0, 0, 0); } .message-avatar { - border-radius: 50%; + border-radius: var(--f7-message-avatar-border-radius); position: relative; background-size: cover; align-self: flex-end; @@ -12846,6 +15063,7 @@ label.item-radio.disabled, .message-name { color: var(--f7-message-name-text-color); font-size: var(--f7-message-name-font-size); + font-weight: var(--f7-message-name-font-weight); } .message-bubble { box-sizing: border-box; @@ -12857,7 +15075,7 @@ label.item-radio.disabled, 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; + min-height: var(--f7-message-bubble-min-height); } .message-image img { display: block; @@ -13171,15 +15389,136 @@ label.item-radio.disabled, transform: translateY(0%); } } +.aurora .messages-title b, +.aurora .message-header b, +.aurora .message-footer b, +.aurora .message-name b { + font-weight: 500; +} +.aurora .message-header, +.aurora .message-name { + margin-bottom: 2px; +} +.aurora .message-footer { + margin-top: 2px; +} +.aurora .message-text-header { + margin-bottom: 2px; +} +.aurora .message-text-footer { + margin-top: 2px; +} +.aurora .message-received.message-tail .message-bubble:before, +.aurora .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.aurora .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px); +} +.aurora .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px); +} +.aurora .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); +} +.aurora .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px); +} +.aurora .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); +} +.aurora .message-received { + margin-left: calc(15px + var(--f7-safe-area-left)); +} +.aurora .message-received .message-avatar + .message-content { + margin-left: 5px; +} +.aurora .message-received .message-header, +.aurora .message-received .message-footer, +.aurora .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.aurora .message-received.message-tail .message-bubble:before { + border-left: 6px solid transparent; + border-right: 0 solid transparent; + border-bottom: 6px solid var(--f7-message-received-bg-color); + right: 100%; + transform: translate(2px, 0px) rotate(-15deg); + transform-origin: right bottom; +} +.aurora .message-sent { + margin-right: calc(15px + var(--f7-safe-area-right)); +} +.aurora .message-sent .message-avatar + .message-content { + margin-right: 5px; +} +.aurora .message-sent .message-header, +.aurora .message-sent .message-footer, +.aurora .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.aurora .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100%; + transform: translate(-2px, 0px) rotate(15deg); + transform-origin: left bottom; +} +.aurora .message + .message:not(.message-first) { + margin-top: 5px; +} +.aurora .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.aurora .message-typing-indicator > div + div { + margin-left: 4px; +} +.aurora .message-typing-indicator > div:nth-child(1) { + animation: aurora-message-typing-indicator 900ms infinite; +} +.aurora .message-typing-indicator > div:nth-child(2) { + animation: aurora-message-typing-indicator 900ms 150ms infinite; +} +.aurora .message-typing-indicator > div:nth-child(3) { + animation: aurora-message-typing-indicator 900ms 300ms infinite; +} +@keyframes aurora-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 50% { + transform: translateY(-5px); + } + 100% { + transform: translateY(0%); + } +} /* === Messagebar === */ :root { --f7-messagebar-bg-color: #fff; + --f7-messagebar-shadow-image: none; --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; + /* + --f7-messagebar-inner-padding-left: var(--f7-toolbar-inner-padding-left); + --f7-messagebar-inner-padding-right: var(--f7-toolbar-inner-padding-right); + */ +} +:root .theme-dark, +:root.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); } .ios { --f7-messagebar-height: 44px; @@ -13188,7 +15527,6 @@ label.item-radio.disabled, --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; @@ -13202,7 +15540,6 @@ label.item-radio.disabled, } .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); @@ -13212,7 +15549,6 @@ label.item-radio.disabled, --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; @@ -13226,12 +15562,35 @@ label.item-radio.disabled, } .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); } +.aurora { + --f7-messagebar-height: 38px; + --f7-messagebar-font-size: 14px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-textarea-border-radius: 12px; + --f7-messagebar-textarea-padding: 3px 10px; + --f7-messagebar-textarea-height: 24px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 13px; + --f7-messagebar-textarea-line-height: 16px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --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); +} .messagebar { transform: translate3d(0, 0, 0); background: var(--f7-messagebar-bg-color); @@ -13280,6 +15639,8 @@ label.item-radio.disabled, position: relative; height: auto; bottom: auto; + padding-left: calc(var(--f7-messagebar-inner-padding-left, var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-messagebar-inner-padding-right, var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right)); } .messagebar.messagebar-sheet-visible > .toolbar-inner { bottom: 0; @@ -13418,9 +15779,8 @@ label.item-radio.disabled, .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)); +.messagebar ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-messagebar-height); } .ios .messagebar a.link.icon-only:first-child { margin-left: -8px; @@ -13496,6 +15856,47 @@ label.item-radio.disabled, margin-left: -7px; margin-top: -1px; } +.aurora .messagebar a.link + .messagebar-area { + margin-left: 5px; +} +.aurora .messagebar .messagebar-area + a.link { + margin-left: 5px; +} +.aurora .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.aurora .messagebar-sheet-image .icon-checkbox, +.aurora .messagebar-sheet-item .icon-checkbox { + background: rgba(255, 255, 255, 0.25); +} +.aurora .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; +} +.aurora .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.aurora .messagebar-attachment { + font-size: 14px; +} +.aurora .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 14px; + height: 14px; + background: #808080; +} +.aurora .messagebar-attachment-delete:after, +.aurora .messagebar-attachment-delete:before { + width: 8px; + height: 1px; + background: #fff; + margin-left: -4px; + margin-top: -1px; +} /* === Swiper === */ .swiper-container { margin: 0 auto; @@ -13814,6 +16215,9 @@ label.item-radio.disabled, .swiper-container-rtl .swiper-button-prev:after { content: 'swiper_next'; } +.swiper-button-lock { + display: none; +} .swiper-pagination { position: absolute; text-align: center; @@ -13938,6 +16342,9 @@ button.swiper-pagination-bullet { left: 0; top: 0; } +.swiper-pagination-lock { + display: none; +} .preloader.swiper-lazy-preloader { position: absolute; left: 50%; @@ -14231,6 +16638,10 @@ button.swiper-pagination-bullet { /* === Notifications === */ :root { --f7-notification-max-width: 568px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-text-text-transform: none; + --f7-notification-text-font-weight: 400; } .ios { --f7-notification-margin: 8px; @@ -14250,14 +16661,10 @@ button.swiper-pagination-bullet { --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; @@ -14275,14 +16682,32 @@ button.swiper-pagination-bullet { --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; +} +.aurora { + --f7-notification-margin: 10px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 4px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 18px; + --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: 500; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.6); + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 12px; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 12px; + --f7-notification-text-line-height: 1.2; } .notification { position: absolute; @@ -14526,17 +16951,66 @@ button.swiper-pagination-bullet { transform: translate3d(0, 0%, 0); } } +.aurora .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +.aurora .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.aurora .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.aurora .notification-icon { + margin-right: 10px; +} +.aurora .notification-header + .notification-content { + margin-top: 10px; +} +.aurora .notification-title-right-text { + margin-right: 0px; + margin-left: auto; +} +.aurora .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.aurora .notification-close-button { + font-size: 14px; + width: 16px; + height: 16px; + opacity: 0.4; + transition-duration: 300ms; +} +.aurora .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.6; +} +.aurora .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.5em; + line-height: 38px; + width: 38px; + height: 38px; + margin-left: -19px; + margin-top: -19px; +} /* === Autocomplete === */ :root { --f7-autocomplete-dropdown-bg-color: #fff; --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; --f7-autocomplete-dropdown-preloader-size: 20px; + /* + --f7-autocomplete-dropdown-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2); + */ } .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; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); } .ios .theme-dark, .ios.theme-dark { @@ -14549,6 +17023,7 @@ button.swiper-pagination-bullet { --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; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); } .md .theme-dark, .md.theme-dark { @@ -14556,6 +17031,19 @@ button.swiper-pagination-bullet { --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); } +.aurora { + --f7-autocomplete-dropdown-box-shadow: 0px 1px 2px 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: 700; + --f7-autocomplete-dropdown-font-size: 13px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1c; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} .autocomplete-page .autocomplete-found { display: block; } @@ -14608,6 +17096,7 @@ button.swiper-pagination-bullet { .autocomplete-dropdown .list { margin: 0; color: var(--f7-autocomplete-dropdown-text-color); + font-size: var(--f7-autocomplete-dropdown-font-size); } .autocomplete-dropdown .list b { color: var(--f7-autocomplete-dropdown-text-matching-color); @@ -14622,6 +17111,9 @@ button.swiper-pagination-bullet { .autocomplete-dropdown .list ul:after { display: none !important; } +.autocomplete-dropdown .autocomplete-dropdown-selected { + background: var(--f7-autocomplete-dropdown-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} .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); @@ -14635,7 +17127,7 @@ button.swiper-pagination-bullet { overflow: hidden; } .searchbar-input-wrap .autocomplete-dropdown .item-content { - padding-left: var(--f7-searchbar-input-padding-left); + padding-left: var(--f7-searchbar-input-padding-horizontal); } .list .item-content-dropdown-expanded .item-title.item-label { width: 0; @@ -14663,6 +17155,10 @@ button.swiper-pagination-bullet { .md .autocomplete-page .navbar .autocomplete-preloader { margin-right: 8px; } +.md .autocomplete-popup .navbar .autocomplete-preloader { + margin-left: 8px; + margin-right: 16px; +} .md .autocomplete-dropdown .autocomplete-preloader { right: 16px; margin-bottom: 8px; @@ -14671,6 +17167,18 @@ button.swiper-pagination-bullet { .md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { border-width: 3px; } +.aurora .autocomplete-dropdown .autocomplete-preloader { + right: 15px; + margin-bottom: 2px; +} +.aurora .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} /* === Tooltip === */ :root { --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); @@ -14827,6 +17335,13 @@ button.swiper-pagination-bullet { --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); */ } +.aurora { + --f7-menu-font-size: 13px; + --f7-menu-item-height: 28px; + --f7-menu-dropdown-item-height: 24px; + --f7-menu-item-border-radius: 5px; + --f7-menu-item-padding-horizontal: 10px; +} .menu { z-index: 1000; position: relative; @@ -14968,13 +17483,14 @@ button.swiper-pagination-bullet { } .menu-item-dropdown-left .menu-dropdown:after, .menu-item-dropdown-center .menu-dropdown:after, -.menu-dropdown-left:after .menu-dropdown-center:after { +.menu-dropdown-left:after, +.menu-dropdown-center:after { content: ''; position: absolute; left: 100%; bottom: 0; - width: 8px; - height: 8px; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); 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, @@ -14985,8 +17501,8 @@ button.swiper-pagination-bullet { position: absolute; right: 100%; bottom: 0; - width: 8px; - height: 8px; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); 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, @@ -15005,6 +17521,690 @@ button.swiper-pagination-bullet { min-width: calc(100% + 24px + 24px); transform: translateX(-50%); } +/* === Color Picker === */ +:root { + --f7-color-picker-sheet-bg-color: #fff; + --f7-color-picker-popup-bg-color: #fff; + --f7-color-picker-popover-width: 350px; + --f7-color-picker-slider-size: 6px; + --f7-color-picker-slider-knob-size: 16px; + --f7-color-picker-bar-size: 50px; + --f7-color-picker-bar-min-height: 260px; + --f7-color-picker-value-bg-color: rgba(0, 0, 0, 0.05); + --f7-color-picker-value-width: 64px; + --f7-color-picker-value-height: 32px; + --f7-color-picker-value-font-size: 16px; + --f7-color-picker-value-border-radius: 4px; + --f7-color-picker-hex-value-width: 84px; + --f7-color-picker-label-font-size: 14px; + --f7-color-picker-label-width: 10px; + --f7-color-picker-label-height: 14px; + --f7-color-picker-sb-spectrum-height: 260px; + --f7-color-picker-sb-spectrum-handle-size: 16px; + --f7-color-picker-wheel-width: 330px; + --f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05); + --f7-color-picker-group-value-bg-color: #fff; + --f7-color-picker-palette-value-width: 36px; + --f7-color-picker-palette-value-height: 36px; + --f7-color-picker-initial-current-color-height: 40px; + --f7-color-picker-initial-current-color-border-radius: 4px; +} +:root .theme-dark, +:root.theme-dark { + --f7-color-picker-sheet-bg-color: #171717; + --f7-color-picker-popup-bg-color: #171717; + --f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1); + --f7-color-picker-group-bg-color: #000; + --f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12); +} +.color-picker { + overflow: hidden; + width: 100%; + display: flex; + flex-direction: column; +} +.color-picker.color-picker-inline, +.color-picker-popover .color-picker, +.color-picker-popup .color-picker { + position: relative; +} +.color-picker-sheet-modal { + background: var(--f7-color-picker-sheet-bg-color); +} +.color-picker-sheet-modal:before { + z-index: 600; +} +.color-picker-sheet-modal .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.color-picker-popup .page { + background: var(--f7-color-picker-popup-bg-color); +} +.color-picker-popup .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.color-picker-popover .color-picker, +.color-picker-popup .color-picker, +.color-picker-page .color-picker { + height: 100%; +} +.color-picker-popover .color-picker .toolbar, +.color-picker-popup .color-picker .toolbar, +.color-picker-page .color-picker .toolbar { + position: absolute; +} +.color-picker-popover { + width: var(--f7-color-picker-popover-width); + max-width: 90vw; + max-height: 80vh; +} +.color-picker-popover .color-picker { + max-height: 80vh; +} +.color-picker-popover .toolbar-top { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette { + overflow: hidden; + flex-shrink: 0; +} +.color-picker-popover .color-picker-module-palette:first-child { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette:last-child { + border-bottom-left-radius: var(--f7-popover-border-radius); + border-bottom-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette:first-child:last-child { + border-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .toolbar ~ .page-content .color-picker-module-palette:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.color-picker-popup .page-content, +.color-picker-popover .page-content, +.color-picker-sheet-modal .page-content, +.color-picker-page .page-content { + display: flex; + justify-content: flex-start; + align-items: stretch; + flex-direction: column; + overflow-x: hidden; +} +.color-picker-module { + margin-top: 5px; +} +.color-picker-module:last-child { + margin-bottom: 5px; +} +.color-picker-module-sb-spectrum, +.color-picker-module-hs-spectrum { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-module-sb-spectrum:first-child, +.color-picker-module-hs-spectrum:first-child { + margin-top: 10px; +} +.color-picker-module-sb-spectrum .color-picker-sb-spectrum, +.color-picker-module-hs-spectrum .color-picker-sb-spectrum, +.color-picker-module-sb-spectrum .color-picker-hs-spectrum, +.color-picker-module-hs-spectrum .color-picker-hs-spectrum { + border-radius: 4px; + height: var(--f7-color-picker-sb-spectrum-height); +} +.color-picker-sb-spectrum { + background-color: #000; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); + position: relative; +} +.color-picker-hs-spectrum { + position: relative; + background-image: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%)); +} +.color-picker-hs-spectrum:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); +} +.color-picker-sb-spectrum-handle, +.color-picker-hs-spectrum-handle { + width: 4px; + height: 4px; + position: absolute; + left: -2px; + top: -2px; + z-index: 1; +} +.color-picker-sb-spectrum-handle:after, +.color-picker-hs-spectrum-handle:after { + background-color: inherit; + content: ''; + position: absolute; + width: var(--f7-color-picker-sb-spectrum-handle-size); + height: var(--f7-color-picker-sb-spectrum-handle-size); + border: 1px solid #fff; + border-radius: 50%; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); + box-sizing: border-box; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + transition: 150ms; + transition-property: transform; + transform-origin: center; +} +.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after, +.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after, +.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after, +.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after { + transform: scale(1.5) translate(-33.333%, -33.333%); +} +.color-picker-module-wheel { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-wheel { + position: relative; + width: var(--f7-color-picker-wheel-width); + max-width: 100%; + height: auto; + font-size: 0; + margin-left: auto; + margin-right: auto; +} +.color-picker-wheel svg { + width: 100%; + height: auto; +} +.color-picker-wheel .color-picker-wheel-handle { + width: calc(100% / 6); + height: calc(100% / 6); + position: absolute; + box-sizing: border-box; + border: 2px solid #fff; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + background: red; + border-radius: 50%; + left: 0; + top: 0; +} +.color-picker-wheel .color-picker-sb-spectrum { + width: 45%; + height: 45%; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0); + position: absolute; +} +.color-picker-slider-wrap { + display: flex; + align-items: center; + margin-bottom: 2px; +} +.color-picker-slider-wrap + .color-picker-slider-wrap { + margin-top: 5px; +} +.color-picker-hex-wrap { + justify-content: space-between; + display: flex; + align-items: center; +} +.color-picker-slider-label, +.color-picker-hex-label { + font-size: var(--f7-color-picker-label-font-size); + width: var(--f7-color-picker-label-size); + flex-shrink: 0; + margin-right: 12px; +} +.color-picker-hex-label { + width: auto; +} +.color-picker-bar-value, +.color-picker-slider-value, +.color-picker-hex-value { + width: var(--f7-color-picker-value-width); + height: var(--f7-color-picker-value-height); + background: var(--f7-color-picker-value-bg-color); + border-radius: var(--f7-color-picker-value-border-radius); + text-align: center; + font-size: var(--f7-color-picker-value-font-size); + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + margin-left: 10px; +} +.color-picker-bar-value input, +.color-picker-slider-value input, +.color-picker-hex-value input { + width: 100%; + height: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + background: transparent; + color: inherit; + font-family: inherit; + font-size: inherit; + text-align: center; + display: block; + border-radius: 4px; +} +.color-picker-bar-value input::-webkit-inner-spin-button, +.color-picker-slider-value input::-webkit-inner-spin-button, +.color-picker-hex-value input::-webkit-inner-spin-button, +.color-picker-bar-value input::-webkit-outer-spin-button, +.color-picker-slider-value input::-webkit-outer-spin-button, +.color-picker-hex-value input::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; + display: none; +} +.color-picker-hex-value { + width: var(--f7-color-picker-hex-value-width); +} +.color-picker-hex-value:first-child { + margin-left: auto; +} +.color-picker-slider { + --f7-range-bar-active-bg-color: transparent; + --f7-range-bar-size: var(--f7-color-picker-slider-size); + --f7-range-bar-border-radius: var(--f7-color-picker-slider-size); + --f7-range-knob-size: var(--f7-color-picker-slider-knob-size); + --f7-range-knob-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} +.color-picker-slider .range-knob { + transition-duration: 200ms; + transition-property: transform; +} +.color-picker-slider .range-knob:after { + width: 30px; + height: 30px; + margin-left: -15px; + margin-top: -15px; +} +.color-picker-slider .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob { + background: var(--f7-range-knob-color) !important; + border: none; +} +.color-picker-module-rgb-bars { + display: flex; + justify-content: space-around; + justify-content: space-evenly; + align-items: stretch; + height: 100%; + min-height: var(--f7-color-picker-bar-min-height); + padding-bottom: 10px; + padding-top: 10px; + box-sizing: border-box; +} +.color-picker-bar-wrap { + display: flex; + align-items: center; + flex-direction: column-reverse; +} +.color-picker-bar { + --f7-range-bar-active-bg-color: transparent; + --f7-range-bar-size: var(--f7-color-picker-bar-size); + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 6px; + --f7-range-knob-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); + --f7-range-knob-color: #fff; +} +.color-picker-bar .range-knob { + transition-duration: 0ms; + transition-property: transform; + border-radius: 3px; +} +.color-picker-bar .range-knob-wrap { + height: 6px; + width: calc(var(--f7-color-picker-bar-size) - 4px); + margin-left: calc(-0.5 * (var(--f7-color-picker-bar-size) - 4px)); +} +.color-picker-bar .range-knob-active-state .range-knob { + transform: scale(1); +} +.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob { + background: var(--f7-range-knob-color) !important; + border: none; +} +.color-picker-bar-label { + font-size: var(--f7-color-picker-label-size); + margin-top: 12px; + line-height: 1; + height: var(--f7-color-picker-label-height); + flex-shrink: 0; +} +.color-picker-bar-value { + margin-left: 0; + margin-bottom: 10px; +} +.color-picker-slider-alpha { + --f7-range-knob-color: #fff; +} +.color-picker-slider-alpha .range-bar { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000), linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + background-size: 100% 100%, 6px 3px, 6px 3px; + background-position: 0 0, 0px 3px, 0 0; + background-repeat: repeat-y, repeat-x, repeat-x; +} +.color-picker-slider-hue .range-bar { + background-image: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%)); +} +.color-picker-slider-brightness .range-bar { + background-image: linear-gradient(to right, #000, #fff); +} +.color-picker-module-palette { + margin-top: 15px; +} +.color-picker-module-palette:first-child { + margin-top: 0; +} +.color-picker-module-palette:last-child { + margin-bottom: 0; +} +.color-picker-module-palette:first-child:last-child { + margin: 0; +} +.color-picker-palette { + display: flex; + flex-wrap: wrap; +} +.color-picker-palette-row { + width: 100%; + display: flex; + flex-wrap: nowrap; +} +.color-picker-palette-row .color-picker-palette-value { + width: 100%; +} +.color-picker-palette-value { + width: var(--f7-color-picker-palette-value-width); + height: var(--f7-color-picker-palette-value-height); + cursor: pointer; +} +.color-picker-module-initial-current-colors, +.color-picker-module-current-color { + margin-left: 10px; + margin-right: 10px; + border-radius: var(--f7-color-picker-initial-current-color-border-radius); + overflow: hidden; + flex-shrink: 0; +} +.color-picker-initial-color, +.color-picker-current-color { + height: var(--f7-color-picker-initial-current-color-height); +} +.color-picker-initial-current-colors { + display: flex; +} +.color-picker-initial-current-colors .color-picker-initial-color, +.color-picker-initial-current-colors .color-picker-current-color { + width: 50%; +} +.color-picker-module-rgb-sliders, +.color-picker-module-hsb-sliders, +.color-picker-module-alpha-slider, +.color-picker-module-hue-slider, +.color-picker-module-brightness-slider, +.color-picker-module-hex { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders, +.color-picker-grouped-modules .color-picker-module-hsb-sliders, +.color-picker-grouped-modules .color-picker-module-alpha-slider, +.color-picker-grouped-modules .color-picker-module-hue-slider, +.color-picker-grouped-modules .color-picker-module-brightness-slider, +.color-picker-grouped-modules .color-picker-module-hex { + background: var(--f7-color-picker-group-bg-color); + padding: 5px; + border-radius: 4px; + margin-top: 15px; + margin-left: 5px; + margin-right: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hue-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hex:last-child { + margin-bottom: 15px; +} +.color-picker-grouped-modules .color-picker-slider-value, +.color-picker-grouped-modules .color-picker-hex-value { + background: var(--f7-color-picker-group-value-bg-color); +} +.color-picker-grouped-modules .color-picker-slider-label, +.color-picker-grouped-modules .color-picker-hex-label { + margin-left: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child { + margin-left: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child { + margin-right: 5px; +} +/* === Treeview === */ +:root { + --f7-treeview-toggle-size: 24px; + --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15); + --f7-treeview-icon-color: rgba(0, 0, 0, 0.5); + --f7-treeview-children-offset: 29px; + --f7-treeview-label-font-weight: 400; + --f7-treeview-label-text-color: inherit; + --f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-treeview-selectable-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2); + */ + --f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15); +} +:root .theme-dark, +:root.theme-dark { + --f7-treeview-toggle-color: rgba(255, 255, 255, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-toggle-pressed-bg-color: rgba(255, 255, 255, 0.1); + --f7-treeview-icon-color: rgba(255, 255, 255, 0.75); + --f7-treeview-selectable-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-pressed-bg-color: rgba(255, 255, 255, 0.11); +} +.ios { + --f7-treeview-item-height: 34px; + --f7-treeview-item-padding-left: 15px; + --f7-treeview-item-padding-right: 15px; + --f7-treeview-label-font-size: 17px; + --f7-treeview-icon-size: 24px; +} +.md { + --f7-treeview-item-height: 34px; + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; + --f7-treeview-label-font-size: 16px; + --f7-treeview-icon-size: 24px; +} +.aurora { + --f7-treeview-item-height: 28px; + --f7-treeview-item-padding-left: 15px; + --f7-treeview-item-padding-right: 15px; + --f7-treeview-label-font-size: 14px; + --f7-treeview-icon-size: 20px; +} +.treeview-item-root { + padding-left: var(--f7-treeview-item-padding-left); + padding-right: var(--f7-treeview-item-padding-right); + height: var(--f7-treeview-item-height); + display: flex; + align-items: center; + justify-content: flex-start; +} +.treeview-item-content { + display: flex; + justify-content: flex-start; + align-items: center; +} +.treeview-item-content > i, +.treeview-item-content > .f7-icons, +.treeview-item-content > .material-icons { + width: var(--f7-treeview-icon-size); + height: var(--f7-treeview-icon-size); + font-size: var(--f7-treeview-icon-size); + color: var(--f7-treeview-icon-color); +} +.treeview-item-content:first-child { + margin-left: calc(var(--f7-treeview-toggle-size) + 5px); +} +.treeview-item-content > * + * { + margin-left: 5px; +} +.treeview-item-label { + font-size: var(--f7-treeview-label-font-size); + font-weight: var(--f7-treeview-label-font-weight); + color: var(--f7-treeview-label-text-color); +} +.treeview-toggle { + width: var(--f7-treeview-toggle-size); + height: var(--f7-treeview-toggle-size); + cursor: pointer; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0); + transition-duration: 200ms; + position: relative; + margin-right: 5px; +} +.treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color); +} +.treeview-toggle:after { + transition-duration: 200ms; + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + transform: translate(-50%, -50%); + border-left: 6px solid var(--f7-treeview-toggle-color); +} +.treeview-toggle-hidden { + opacity: 0; + pointer-events: none; + visibility: hidden; +} +.treeview-preloader { + --f7-preloader-size: var(--f7-treeview-toggle-size); + margin-right: calc(-1 * var(--f7-treeview-toggle-size)); +} +.treeview-item-children { + display: none; +} +.treeview-item-opened > .treeview-item-children { + display: block; +} +.treeview-item-opened > .treeview-item-root .treeview-toggle:after { + transform: translate(-50%, -50%) rotate(90deg); +} +a.treeview-item-root { + color: var(--f7-treeview-label-text-color); +} +.treeview-item-selectable > .treeview-item-root, +.treeview-item-selectable.treeview-item-root { + cursor: pointer; + transition-duration: 150ms; +} +a.treeview-item-root { + transition-duration: 150ms; +} +a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color); +} +.treeview-item-toggle > .treeview-item-root, +.treeview-item-toggle.treeview-item-root { + cursor: pointer; +} +.treeview-item-selected > .treeview-item-root, +.treeview-item-selected.treeview-item-root { + background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} +.treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1); +} +.treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10); +} +.aurora .treeview-toggle:hover { + background-color: var(--f7-treeview-toggle-hover-bg-color); +} +.aurora .treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color); +} +.aurora .treeview-item-selectable > .treeview-item-root:hover, +.aurora .treeview-item-selectable.treeview-item-root:hover { + background: var(--f7-treeview-selectable-hover-bg-color); +} +.aurora a.treeview-item-root:hover { + background: var(--f7-treeview-link-hover-bg-color); +} +.aurora a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color); +} +.aurora .treeview-item-selected > .treeview-item-root:hover, +.aurora .treeview-item-selected.treeview-item-root:hover { + background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} iframe#viAd { z-index: 12900 !important; background: #000 !important; @@ -15423,6 +18623,10 @@ iframe#viAd { --f7-typography-padding: 16px; --f7-typography-margin: 16px; } +.aurora { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} .display-flex { display: flex !important; } @@ -15474,6 +18678,18 @@ iframe#viAd { .flex-shrink-10 { flex-shrink: 10 !important; } +.flex-direction-row { + flex-direction: row !important; +} +.flex-direction-row-reverse { + flex-direction: row-reverse !important; +} +.flex-direction-column { + flex-direction: column !important; +} +.flex-direction-column-reverse { + flex-direction: column-reverse !important; +} .justify-content-flex-start { justify-content: flex-start !important; } @@ -15525,6 +18741,9 @@ iframe#viAd { .align-content-stretch { align-content: stretch !important; } +.align-items-baseline { + align-items: baseline !important; +} .align-items-flex-start { align-items: flex-start !important; } @@ -15634,49 +18853,95 @@ iframe#viAd { .padding { padding: var(--f7-typography-padding) !important; } +.padding-half { + padding: calc(var(--f7-typography-padding) / 2) !important; +} .padding-top { padding-top: var(--f7-typography-padding) !important; } +.padding-top-half { + padding-top: calc(var(--f7-typography-padding) / 2) !important; +} .padding-bottom { padding-bottom: var(--f7-typography-padding) !important; } +.padding-bottom-half { + padding-bottom: calc(var(--f7-typography-padding) / 2) !important; +} .padding-left { padding-left: var(--f7-typography-padding) !important; } +.padding-left-half { + padding-left: calc(var(--f7-typography-padding) / 2) !important; +} .padding-right { padding-right: var(--f7-typography-padding) !important; } +.padding-right-half { + padding-right: calc(var(--f7-typography-padding) / 2) !important; +} .padding-vertical { padding-top: var(--f7-typography-padding) !important; padding-bottom: var(--f7-typography-padding) !important; } +.padding-vertical-half { + padding-top: calc(var(--f7-typography-padding) / 2) !important; + padding-bottom: calc(var(--f7-typography-padding) / 2) !important; +} .padding-horizontal { padding-left: var(--f7-typography-padding) !important; padding-right: var(--f7-typography-padding) !important; } +.padding-horizontal-half { + padding-left: calc(var(--f7-typography-padding) / 2) !important; + padding-right: calc(var(--f7-typography-padding) / 2) !important; +} .margin { margin: var(--f7-typography-margin) !important; } +.margin-half { + margin: calc(var(--f7-typography-margin) / 2) !important; +} .margin-top { margin-top: var(--f7-typography-margin) !important; } +.margin-top-half { + margin-top: calc(var(--f7-typography-margin) / 2) !important; +} .margin-bottom { margin-bottom: var(--f7-typography-margin) !important; } +.margin-bottom-half { + margin-bottom: calc(var(--f7-typography-margin) / 2) !important; +} .margin-left { margin-left: var(--f7-typography-margin) !important; } +.margin-left-half { + margin-left: calc(var(--f7-typography-margin) / 2) !important; +} .margin-right { margin-right: var(--f7-typography-margin) !important; } +.margin-right-half { + margin-right: calc(var(--f7-typography-margin) / 2) !important; +} .margin-vertical { margin-top: var(--f7-typography-margin) !important; margin-bottom: var(--f7-typography-margin) !important; } +.margin-vertical-half { + margin-top: calc(var(--f7-typography-margin) / 2) !important; + margin-bottom: calc(var(--f7-typography-margin) / 2) !important; +} .margin-horizontal { margin-left: var(--f7-typography-margin) !important; margin-right: var(--f7-typography-margin) !important; } +.margin-horizontal-half { + margin-left: calc(var(--f7-typography-margin) / 2) !important; + margin-right: calc(var(--f7-typography-margin) / 2) !important; +} [class*="text-color-"] { color: var(--f7-theme-color-text-color) !important; } diff --git a/framework7/css/framework7.bundle.min.css b/framework7/css/framework7.bundle.min.css index 0e00810..bb34f80 100644 --- a/framework7/css/framework7.bundle.min.css +++ b/framework7/css/framework7.bundle.min.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 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, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.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)}.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-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.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-subnavbar-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-prevent-open{pointer-events:auto}.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-radio-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)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{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>.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))}.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~.page-content,.page-with-navbar-large>.navbar~.searchbar~* .page-content,.page-with-navbar-large>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-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-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,var(--f7-theme-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,var(--f7-theme-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 +: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}}:root{--f7-font-size:14px}.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-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-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}: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}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:#282829}.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, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{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 .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{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);background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.framework7-root{padding-top:var(--f7-statusbar-height)}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:400ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-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:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.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}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .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:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .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:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{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:2;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}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.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-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-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.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-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-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--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:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.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 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-link-line-height,var(--f7-navbar-height));height:var(--f7-navbar-link-height,var(--f7-navbar-height))}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{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);font-size:var(--f7-navbar-title-font-size);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)}.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-left) + 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~*{--f7-page-navbar-offset:var(--f7-navbar-height)}.navbar~* .page-with-navbar-large,.navbar~.page-with-navbar-large,.page-with-navbar-large .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.page.no-navbar,.page.no-navbar .navbar~*{--f7-page-navbar-offset:0px}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.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 .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.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}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(15px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--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-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--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-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)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.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-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-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}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.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}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.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}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.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}.aurora .toolbar-top-aurora:after,.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)))}.aurora .toolbar-top-aurora:before,.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)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.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)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.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}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.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}.aurora .toolbar-bottom-aurora:before,.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)))}.aurora .toolbar-bottom-aurora:after,.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)}.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;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.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));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.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{justify-content:flex-start;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)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.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)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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 .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 .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.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.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}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.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-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-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-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.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-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-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-subnavbar-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-subnavbar-shadow-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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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,.subnavbar~*{--f7-page-subnavbar-offset:var(--f7-subnavbar-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))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}: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-strong-border-color:#282829;--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.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-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--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-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)}.aurora{--f7-block-text-color:inherit;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--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.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--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:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.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)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.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}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.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}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.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}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.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-chevron-icon-font-size:20px;--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-text-font-weight:400;--f7-list-item-after-font-weight:400;--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;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-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-chevron-icon-color:#434345}.ios{--f7-list-in-list-padding-left:30px;--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-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--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-media-item-title-font-weight:600;--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-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}.ios .theme-dark,.ios.theme-dark{--f7-list-button-border-color:#282829;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636}.md{--f7-list-in-list-padding-left:40px;--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-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--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-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-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}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--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-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)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--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-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-button-border-color:#282829;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.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{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.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)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.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}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.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}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.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}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.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}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.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}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.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}.aurora .list.no-hairlines-between-aurora.links-list a:after,.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-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.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%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);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)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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 .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}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}: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}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.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-large-font-weight:400;--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-large-font-weight:500;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--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)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:400;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-small-height:22px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px}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;justify-content:center;align-items:center;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,0px) 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}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.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)}.aurora .button-fill-aurora,.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)}.aurora .button-outline-aurora,.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)}.aurora .button-large-aurora,.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);--f7-button-font-weight:var(--f7-button-large-font-weight)}.aurora .button-small-aurora,.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)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.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)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.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))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}: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,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-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'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.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-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{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-appbar-height);background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-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)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px))}.appbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--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-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--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-inner-padding:24px;--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-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--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}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.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;padding:var(--f7-dialog-inner-padding)}.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-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:var(--f7-dialog-input-border-radius);-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-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.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{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-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.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-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-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.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}.aurora .dialog{background:var(--f7-dialog-bg-color)}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}: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)}.aurora{--f7-popup-tablet-border-radius:4px;--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)}.popup.swipe-close-to-top.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)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.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}.aurora{--f7-login-screen-blocks-margin-vertical:15px;--f7-login-screen-title-font-size:28px;--f7-login-screen-title-font-weight:500}.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)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.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-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.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-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-icon-size:48px}.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-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.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,var(--f7-theme-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-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.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}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}: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}.aurora{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.aurora .theme-dark,.aurora.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.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-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,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-top:after{content:'';position:absolute;background-color:var(--f7-sheet-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)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):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-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom .sheet-modal-inner>.page-content,.sheet-modal-bottom .toolbar~.sheet-modal-inner .page-content,.sheet-modal:not(.sheet-modal-top) .sheet-modal-inner>.page-content,.sheet-modal:not(.sheet-modal-top) .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.sheet-modal-top{bottom:auto;top:var(--f7-statusbar-height);transform:translate3d(0,calc(-100% - var(--f7-statusbar-height)),0)}.sheet-modal-top.modal-out{transform:translate3d(0,calc(-100% - var(--f7-statusbar-height)),0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .toolbar-top~.sheet-modal-inner .page-content{padding-top:0}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--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}.md{--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}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.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}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-left:10px}: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}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--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}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.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}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.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}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .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:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}: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)}.aurora{--f7-sortable-handler-width:32px;--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'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.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;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.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}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.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-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.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,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-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}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--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-subnavbar-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%}.aurora .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%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:#282829;--f7-timeline-horizontal-item-date-border-color:#282829}.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-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--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-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--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)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.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);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.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);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.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-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}.aurora .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:0s}.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%}.aurora{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset,0px));width:100%;height:calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset,0px));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:calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset,0px));height:calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform;transition-property:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity}.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.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.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:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.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:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,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-left-width,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-right-width,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)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left: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-expandable-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}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--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}.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}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.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-prevent-open{pointer-events:auto}.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)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.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}.aurora .chip-outline-aurora,.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}.aurora .chip-outline-aurora[class*=color-],.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}.aurora .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--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;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--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-inline-label-padding-top:3px;--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-textarea-padding-vertical:7px;--f7-label-font-size:12px;--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-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--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)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-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);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.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:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.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],.list input[type=time]{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{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;left:var(--f7-input-padding-left);transform-origin:left center}.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:flex;flex-direction:column;align-items:flex-start}.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;box-sizing:border-box}.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;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);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-clear-button.active-state{opacity:.75!important}.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:calc(20px + var(--f7-input-padding-right))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{right:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-right:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{right:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{left:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{left:0}.item-input-outline .item-floating-label{left:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-left:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.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+.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}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .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:not(.input-outline):after,.md .item-input:not(.item-input-outline) .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 .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:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .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}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.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}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.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;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.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,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.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}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.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}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.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}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.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}.aurora .icon-radio,.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-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.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 .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}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.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-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset: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-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.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;box-sizing:border-box;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);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.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)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}: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)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.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 .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-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 .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.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)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.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)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.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)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.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)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.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)}.aurora .stepper-raised-aurora,.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))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--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}.aurora{--f7-grid-gap:15px}.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-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.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-week-header-height:18px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--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-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.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;margin-left:auto;margin-right:auto}.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:rgba(255, 255, 255, 0.06)}.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)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.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);cursor:pointer}.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}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.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{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);left:50%;margin-left:calc(-1 * var(--f7-ptr-size)/ 2)}.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)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .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)}.aurora .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:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,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;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.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-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-selected-row-bg-color:#363636}.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-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-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--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:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-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,.data-table tbody th: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:var(--f7-table-link-icon-only-icon-size);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{min-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{min-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;min-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);height:auto;min-height:var(--f7-table-body-cell-height);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)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:5px}.aurora .sortable-cell.numeric-cell:before{margin-right:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:15px}.aurora .data-table-rows-select .input{margin-left:10px}.aurora .data-table-pagination-label{margin-right:10px}: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-label-font-size:inherit}.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-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.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;font-size:var(--f7-fab-label-font-size)}.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}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:#939398}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:#939398;--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;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--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-inline-input-padding-horizontal:24px;--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;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--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}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333}.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)))}.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:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-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:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px))}.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:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){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:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-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;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.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)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{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)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.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)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.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))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.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))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px))}.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-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 .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)))}.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{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.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-extra-padding-left:calc(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}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;right:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;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}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);left:0;top:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}: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-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.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}.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-min-height:32px;--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}.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-min-height:32px;--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-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)}.aurora{--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:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.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);font-weight:var(--f7-messages-title-font-weight)}.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:var(--f7-message-avatar-border-radius);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);font-weight:var(--f7-message-name-font-weight)}.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:var(--f7-message-bubble-min-height)}.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,var(--f7-theme-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,var(--f7-theme-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%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .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)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .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)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-left:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-shadow-image:none;--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}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--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-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-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-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)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--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)}.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;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right))}.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~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.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}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .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}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;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-button-lock{display:none}.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}.swiper-pagination-lock{display:none}.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;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.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-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.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-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--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:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.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)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}: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;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.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;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.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)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px 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:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.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);font-size:var(--f7-autocomplete-dropdown-font-size)}.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}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.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-horizontal)}.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-popup .navbar .autocomplete-preloader{margin-left:8px;margin-right:16px}.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}.aurora .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}: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}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.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-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);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:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);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%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-right:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-left:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to right,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to right,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-right:5px}:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}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}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.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}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!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-baseline{align-items:baseline!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-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!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/framework7/css/framework7.bundle.rtl.css b/framework7/css/framework7.bundle.rtl.css index 16f7464..38f3634 100644 --- a/framework7/css/framework7.bundle.rtl.css +++ b/framework7/css/framework7.bundle.rtl.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ /*==================== @@ -79,10 +79,12 @@ /*==================== Fonts ==================== */ +:root { + --f7-font-size: 14px; +} .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, @@ -92,13 +94,21 @@ .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); } +.aurora { + --f7-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-line-height: 1.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-color: #fff; +} /*==================== Bars ==================== */ @@ -127,6 +137,13 @@ .md { --f7-bars-border-color: transparent; } +.aurora { + --f7-bars-border-color: rgba(0, 0, 0, 0.2); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-bars-border-color: #282829; +} /*==================== Color Themes ==================== */ @@ -581,7 +598,7 @@ } @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"); + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff"); font-weight: 400; font-style: normal; } @@ -663,6 +680,10 @@ a { text-decoration: none; color: var(--f7-theme-color); } +.link, +.item-link { + cursor: pointer; +} p { margin: 1em 0; } @@ -675,7 +696,11 @@ html.device-full-viewport body { height: 100vh; } .ios .md-only, -.ios .if-md { +.ios .if-md, +.ios .aurora-only, +.ios .if-aurora, +.ios .if-not-ios, +.ios .not-ios { display: none !important; } @media (width: 1024px) and (height: 691px) and (orientation: landscape) { @@ -693,7 +718,19 @@ html.device-full-viewport body { } } .md .ios-only, -.md .if-ios { +.md .if-ios, +.md .aurora-only, +.md .if-aurora, +.md .if-not-md, +.md .not-md { + display: none !important; +} +.aurora .ios-only, +.aurora .if-ios, +.aurora .md-only, +.aurora .if-md, +.aurora .if-not-aurora, +.aurora .not-aurora { display: none !important; } /* === Statusbar === */ @@ -732,16 +769,11 @@ html.device-full-viewport body { box-sizing: border-box; display: block; height: var(--f7-statusbar-height); + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); } .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 { @@ -751,21 +783,32 @@ html.device-full-viewport body { overflow: hidden; box-sizing: border-box; } +.framework7-root > .view, +.framework7-root > .views { + height: calc(100% - var(--f7-appbar-app-offset, 0px)); +} /* === Pages === */ :root { --f7-page-master-width: 320px; --f7-page-master-border-color: rgba(0, 0, 0, 0.1); --f7-page-master-border-width: 1px; + --f7-page-swipeback-transition-duration: 400ms; + /* + --f7-page-content-extra-padding-top: 0px; + --f7-page-content-extra-padding-bottom: 0px; + */ } .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; +} +.aurora { + --f7-page-bg-color: #f3f3f3; + --f7-page-transition-duration: 400ms; } .theme-dark { --f7-page-bg-color: #171717; @@ -784,8 +827,9 @@ html.device-full-viewport body { top: 0; width: 100%; height: 100%; - transform: translate3d(0, 0, 0); + transform: none; background-color: var(--f7-page-bg-color); + z-index: 1; } .page.stacked { display: none; @@ -804,6 +848,8 @@ html.device-full-viewport body { height: 100%; position: relative; z-index: 1; + padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px)); + padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px)); } .page-transitioning, .page-transitioning .page-shadow-effect, @@ -1028,6 +1074,89 @@ html.device-full-viewport body { opacity: 0; } } +.aurora .page-next { + pointer-events: none; + transform: translate3d(-100%, 0px, 0); +} +.aurora .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.aurora .page-previous .page-opacity-effect { + opacity: 1; +} +.aurora .page-previous:after { + opacity: 1; +} +.aurora .router-transition-forward .page-next { + will-change: transform; + animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-forward .page-current { + animation: none; +} +.aurora .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: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-current { + will-change: transform, opacity; + animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-previous { + animation: none; +} +.aurora .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: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +@keyframes aurora-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0, 0px, 0); + } +} +@keyframes aurora-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes aurora-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes aurora-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} .view:not(.view-master-detail) .page-master-stacked { display: none; } @@ -1051,7 +1180,7 @@ html.device-full-viewport body { right: var(--f7-page-master-width); } .view-master-detail .page-master { - z-index: 1; + z-index: 2; transform: none; pointer-events: auto; } @@ -1095,6 +1224,13 @@ html.device-full-viewport body { opacity: 0.3; transition-duration: 0ms; } +.aurora .link { + transition: opacity 300ms; +} +.aurora .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} /* === Navbar === */ :root { /* @@ -1106,6 +1242,10 @@ html.device-full-viewport body { */ --f7-navbar-hide-show-transition-duration: 400ms; --f7-navbar-title-line-height: 1.2; + --f7-navbar-title-font-size: inherit; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-text-color: inherit; } .ios { --f7-navbar-height: 44px; @@ -1120,16 +1260,17 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .ios .theme-dark, .ios.theme-dark { @@ -1148,21 +1289,49 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .md .theme-dark, .md.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); } +.aurora { + --f7-navbar-height: 38px; + --f7-navbar-tablet-height: 38px; + --f7-navbar-font-size: 14px; + --f7-navbar-inner-padding-left: 15px; + --f7-navbar-inner-padding-right: 15px; + --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: rgba(0, 0, 0, 0.6); + --f7-navbar-subtitle-font-size: 12px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 38px; + --f7-navbar-large-title-font-size: 26px; + --f7-navbar-large-title-font-weight: bold; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-link-height: auto; + --f7-navbar-link-line-height: inherit; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); +} .navbar { --f7-navbar-large-collapse-progress: 0; position: relative; @@ -1181,12 +1350,6 @@ html.device-full-viewport body { 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; } @@ -1196,8 +1359,8 @@ html.device-full-viewport body { .navbar a.link { display: flex; justify-content: flex-start; - line-height: var(--f7-navbar-height); - height: var(--f7-navbar-height); + line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height)); + height: var(--f7-navbar-link-height, var(--f7-navbar-height)); } .navbar .title, .navbar .left, @@ -1206,7 +1369,6 @@ html.device-full-viewport body { z-index: 10; } .navbar .title { - text-align: center; position: relative; overflow: hidden; text-overflow: ellipsis; @@ -1216,6 +1378,7 @@ html.device-full-viewport body { display: inline-block; line-height: var(--f7-navbar-title-line-height); text-align: var(--f7-navbar-title-text-align); + font-size: var(--f7-navbar-title-font-size); margin-right: var(--f7-navbar-title-margin-left); margin-left: var(--f7-navbar-title-margin-left); } @@ -1282,7 +1445,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-navbar-shadow-image); } .navbar:after { z-index: 1; @@ -1323,7 +1486,7 @@ html.device-full-viewport body { 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)); + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left)); } .navbar-inner.stacked { display: none; @@ -1404,22 +1567,28 @@ html.device-full-viewport body { .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 ~ * { + --f7-page-navbar-offset: 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)); +.navbar ~ * .page-with-navbar-large, +.navbar ~ .page-with-navbar-large, +.page-with-navbar-large .navbar ~ * { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height)); +} +.page.no-navbar, +.page.no-navbar .navbar ~ * { + --f7-page-navbar-offset: 0px; } .ios { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); } +.ios .navbar .material-icons { + width: 24px; +} +.ios .navbar .f7-icons { + width: 28px; +} .ios .navbar a.icon-only { width: 44px; margin: 0; @@ -1900,6 +2069,12 @@ html.device-full-viewport body { opacity: 1; } } +.md .navbar .material-icons { + width: 24px; +} +.md .navbar .f7-icons { + width: 28px; +} .md .navbar a.link { padding: 0 16px; min-width: 48px; @@ -1953,6 +2128,39 @@ html.device-full-viewport body { .md .navbar-inner-centered-title .title { text-align: center; } +.aurora .navbar a.icon-only { + margin: 0; + justify-content: center; +} +.aurora .navbar .left a + a, +.aurora .navbar .right a + a { + margin-right: 10px; +} +.aurora .navbar b { + font-weight: bold; +} +.aurora .navbar .left { + margin-left: 10px; +} +.aurora .navbar .right { + margin-right: 10px; +} +.aurora .navbar .right:first-child { + left: calc(15px + var(--f7-safe-area-left)); +} +.aurora .navbar-inner { + justify-content: space-between; +} +.aurora .navbar-inner-left-title { + justify-content: flex-start; +} +.aurora .navbar-inner-left-title .right { + margin-right: auto; +} +.aurora .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} /* === Toolbar === */ :root { /* @@ -1961,18 +2169,24 @@ html.device-full-viewport body { --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-tabbar-link-active-color: var(--f7-theme-color); */ + --f7-tabbar-link-active-bg-color: transparent; + --f7-tabbar-label-text-transform: none; --f7-toolbar-hide-show-transition-duration: 400ms; } .ios { --f7-toolbar-height: 44px; --f7-toolbar-font-size: 17px; + --f7-toolbar-inner-padding-left: 8px; + --f7-toolbar-inner-padding-right: 8px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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; @@ -1981,18 +2195,22 @@ html.device-full-viewport body { --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-toolbar-inner-padding-left: 0px; + --f7-toolbar-inner-padding-right: 0px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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); @@ -2003,7 +2221,6 @@ html.device-full-viewport body { --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; } @@ -2011,6 +2228,32 @@ html.device-full-viewport body { .md.theme-dark { --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-toolbar-height: 38px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 15px; + --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-link-height: auto; + --f7-toolbar-link-line-height: inherit; + --f7-tabbar-labels-height: 44px; + --f7-tabbar-labels-tablet-height: 44px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5); + --f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2); + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 18px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 12px; + --f7-tabbar-label-tablet-font-size: 12px; + --f7-tabbar-label-font-weight: 500; + --f7-tabbar-label-letter-spacing: 0.01; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5); +} .toolbar { width: 100%; position: relative; @@ -2040,8 +2283,8 @@ html.device-full-viewport body { } .toolbar a.link { display: flex; - line-height: var(--f7-toolbar-height); - height: var(--f7-toolbar-height); + line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height)); + height: var(--f7-toolbar-link-height, var(--f7-toolbar-height)); } .toolbar i.icon { display: block; @@ -2058,42 +2301,51 @@ html.device-full-viewport body { } .toolbar-top, .ios .toolbar-top-ios, -.md .toolbar-top-md { +.md .toolbar-top-md, +.aurora .toolbar-top-aurora { top: 0; } .toolbar-top .tab-link-highlight, .ios .toolbar-top-ios .tab-link-highlight, -.md .toolbar-top-md .tab-link-highlight { +.md .toolbar-top-md .tab-link-highlight, +.aurora .toolbar-top-aurora .tab-link-highlight { bottom: 0; } .toolbar-top.no-hairline:after, .ios .toolbar-top-ios.no-hairline:after, .md .toolbar-top-md.no-hairline:after, +.aurora .toolbar-top-aurora.no-hairline:after, .toolbar-top.no-border:after, .ios .toolbar-top-ios.no-border:after, -.md .toolbar-top-md.no-border:after { +.md .toolbar-top-md.no-border:after, +.aurora .toolbar-top-aurora.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, +.aurora .toolbar-top-aurora.no-shadow:before, .toolbar-top.toolbar-hidden:before, .ios .toolbar-top-ios.toolbar-hidden:before, -.md .toolbar-top-md.toolbar-hidden:before { +.md .toolbar-top-md.toolbar-hidden:before, +.aurora .toolbar-top-aurora.toolbar-hidden:before { display: none !important; } .toolbar-top:after, .ios .toolbar-top-ios:after, .md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after, .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toolbar-top:after, .ios .toolbar-top-ios:after, -.md .toolbar-top-md:after { +.md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2110,7 +2362,8 @@ html.device-full-viewport body { } .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { content: ''; position: absolute; right: 0; @@ -2119,22 +2372,25 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-toolbar-top-shadow-image); } .toolbar-bottom, .ios .toolbar-bottom-ios, -.md .toolbar-bottom-md { +.md .toolbar-bottom-md, +.aurora .toolbar-bottom-aurora { 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 { +.md .toolbar-bottom-md .tab-link-highlight, +.aurora .toolbar-bottom-aurora .tab-link-highlight { top: 0; } .toolbar-bottom .toolbar-inner, .ios .toolbar-bottom-ios .toolbar-inner, -.md .toolbar-bottom-md .toolbar-inner { +.md .toolbar-bottom-md .toolbar-inner, +.aurora .toolbar-bottom-aurora .toolbar-inner { height: auto; top: 0; bottom: var(--f7-safe-area-bottom); @@ -2142,22 +2398,27 @@ html.device-full-viewport body { .toolbar-bottom.no-hairline:before, .ios .toolbar-bottom-ios.no-hairline:before, .md .toolbar-bottom-md.no-hairline:before, +.aurora .toolbar-bottom-aurora.no-hairline:before, .toolbar-bottom.no-border:before, .ios .toolbar-bottom-ios.no-border:before, -.md .toolbar-bottom-md.no-border:before { +.md .toolbar-bottom-md.no-border:before, +.aurora .toolbar-bottom-aurora.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, +.aurora .toolbar-bottom-aurora.no-shadow:after, .toolbar-bottom.toolbar-hidden:after, .ios .toolbar-bottom-ios.toolbar-hidden:after, -.md .toolbar-bottom-md.toolbar-hidden:after { +.md .toolbar-bottom-md.toolbar-hidden:after, +.aurora .toolbar-bottom-aurora.toolbar-hidden:after { display: none !important; } .toolbar-bottom:before, .ios .toolbar-bottom-ios:before, -.md .toolbar-bottom-md:before { +.md .toolbar-bottom-md:before, +.aurora .toolbar-bottom-aurora:before { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2174,7 +2435,8 @@ html.device-full-viewport body { } .toolbar-bottom:after, .ios .toolbar-bottom-ios:after, -.md .toolbar-bottom-md:after { +.md .toolbar-bottom-md:after, +.aurora .toolbar-bottom-aurora:after { content: ''; position: absolute; right: 0; @@ -2183,7 +2445,7 @@ html.device-full-viewport body { height: 8px; top: auto; pointer-events: none; - background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); + background: var(--f7-toolbar-bottom-shadow-image); } .toolbar-inner { position: absolute; @@ -2197,6 +2459,7 @@ html.device-full-viewport body { align-items: center; align-content: center; overflow: hidden; + padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left)); } .views > .tabbar, .views > .tabbar-labels { @@ -2206,6 +2469,10 @@ html.device-full-viewport body { .tabbar-labels a { color: var(--f7-tabbar-link-inactive-color); } +.tabbar a.tab-link:not(.tab-link-active), +.tabbar-labels a.tab-link:not(.tab-link-active) { + background-color: var(--f7-tabbar-link-inactive-bg-color, transparent); +} .tabbar a.link, .tabbar-labels a.link { line-height: 1.4; @@ -2229,6 +2496,7 @@ html.device-full-viewport body { .tabbar .tab-link-active, .tabbar-labels .tab-link-active { color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); + background-color: var(--f7-tabbar-link-active-bg-color, transparent); } .tabbar i.icon, .tabbar-labels i.icon { @@ -2264,6 +2532,7 @@ html.device-full-viewport body { } } .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; will-change: scroll-position; overflow: auto; -webkit-overflow-scrolling: touch; @@ -2285,127 +2554,92 @@ html.device-full-viewport body { .navbar-transitioning ~ * .toolbar { transition-duration: var(--f7-toolbar-hide-show-transition-duration); } +.toolbar-bottom ~ *, +.ios .toolbar-bottom-ios ~ *, +.md .toolbar-bottom-md ~ *, +.aurora .toolbar-bottom-aurora ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height); +} +.toolbar-bottom.tabbar-labels ~ *, +.ios .toolbar-bottom-ios.tabbar-labels ~ *, +.md .toolbar-bottom-md.tabbar-labels ~ *, +.aurora .toolbar-bottom-aurora.tabbar-labels ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height); +} .toolbar-bottom.toolbar-hidden, .ios .toolbar-bottom-ios.toolbar-hidden, -.md .toolbar-bottom-md.toolbar-hidden { +.md .toolbar-bottom-md.toolbar-hidden, +.aurora .toolbar-bottom-aurora.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 ~ *, +.ios .toolbar-top-ios ~ *, +.md .toolbar-top-md ~ *, +.aurora .toolbar-top-aurora ~ * { + --f7-page-toolbar-top-offset: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ *, +.ios .toolbar-top-ios.tabbar-labels ~ *, +.md .toolbar-top-md.tabbar-labels ~ *, +.aurora .toolbar-top-aurora.tabbar-labels ~ * { + --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height); } .toolbar-top.toolbar-hidden, .ios .toolbar-top-ios.toolbar-hidden, -.md .toolbar-top-md.toolbar-hidden { +.md .toolbar-top-md.toolbar-hidden, +.aurora .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, +.aurora .navbar ~ * .toolbar-top-aurora, .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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { 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, +.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora.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, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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), +.aurora .navbar-hidden + .toolbar-top-aurora: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) { +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), @@ -2413,7 +2647,8 @@ html.device-full-viewport body { .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) { +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); } .ios .toolbar a.icon-only { @@ -2424,9 +2659,6 @@ html.device-full-viewport body { 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; @@ -2484,9 +2716,6 @@ html.device-full-viewport body { 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, @@ -2494,6 +2723,10 @@ html.device-full-viewport body { padding-left: 0; padding-right: 0; } +.md .tabbar a.icon-only, +.md .tabbar-labels a.icon-only { + flex-shrink: initial; +} .md .tabbar a.tab-link, .md .tabbar-labels a.tab-link { transition-duration: 300ms; @@ -2521,12 +2754,45 @@ html.device-full-viewport body { } .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; } +.aurora .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.aurora .tabbar .toolbar-inner, +.aurora .tabbar-labels .toolbar-inner { + padding-left: 0; + padding-right: 0; +} +.aurora .tabbar a.tab-link, +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar a.link, +.aurora .tabbar-labels a.link { + transition-duration: 200ms; +} +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar-labels a.link { + padding-top: 5px; + padding-bottom: 5px; +} +.aurora .tabbar-labels a.tab-link i + span, +.aurora .tabbar-labels a.link i + span { + margin: 0; +} +.aurora .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.aurora .tabbar-scrollable a.tab-link, +.aurora .tabbar-scrollable a.link { + padding: 0 15px; +} /* === Subnavbar === */ :root { /* @@ -2536,6 +2802,7 @@ html.device-full-viewport body { --f7-subnavbar-link-color: var(--f7-bars-link-color); --f7-subnavbar-text-color: var(--f7-bars-text-color); */ + --f7-subnavbar-title-line-height: 1.2; } .ios { --f7-subnavbar-height: 44px; @@ -2543,10 +2810,13 @@ html.device-full-viewport body { --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; + --f7-subnavbar-shadow-image: none; + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ } .md { --f7-subnavbar-height: 48px; @@ -2554,10 +2824,25 @@ html.device-full-viewport body { --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); + --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image); + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ +} +.aurora { + --f7-subnavbar-height: 38px; + --f7-subnavbar-inner-padding-left: 15px; + --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-title-font-size: 26px; + --f7-subnavbar-title-font-weight: bold; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 0px; + --f7-subnavbar-shadow-image: none; + --f7-subnavbar-link-height: auto; + --f7-subnavbar-link-line-height: inherit; } .subnavbar { width: 100%; @@ -2601,8 +2886,8 @@ html.device-full-viewport body { 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); + line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height)); + height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height)); } .subnavbar a.icon-only { min-width: var(--f7-subnavbar-height); @@ -2623,7 +2908,7 @@ html.device-full-viewport body { .subnavbar:after { content: ''; position: absolute; - background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color)); display: block; z-index: 15; top: auto; @@ -2644,7 +2929,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-subnavbar-shadow-image); } .subnavbar-inner { width: 100%; @@ -2684,25 +2969,9 @@ html.device-full-viewport body { 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)); +.page-with-subnavbar, +.subnavbar ~ * { + --f7-page-subnavbar-offset: var(--f7-subnavbar-height); } .ios .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); @@ -2774,6 +3043,35 @@ html.device-full-viewport body { .md .subnavbar-inner > a.link:last-child { margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); } +.aurora .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.aurora .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.aurora .subnavbar .left a + a, +.aurora .subnavbar .right a + a { + margin-right: 10px; +} +.aurora .subnavbar .left { + margin-left: 10px; +} +.aurora .subnavbar .right { + margin-right: 10px; +} +.aurora .subnavbar .right:first-child { + left: 15px; +} +.aurora .subnavbar a.link { + justify-content: flex-start; +} +.aurora .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} /* === Content Block === */ :root { --f7-block-font-size: inherit; @@ -2791,8 +3089,10 @@ html.device-full-viewport body { } :root .theme-dark, :root.theme-dark { + --f7-block-strong-border-color: #282829; --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; + --f7-block-strong-bg-color: #1c1c1d; } .ios { --f7-block-text-color: #6d6d72; @@ -2819,11 +3119,9 @@ html.device-full-viewport body { } .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 { @@ -2851,14 +3149,42 @@ html.device-full-viewport body { } .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; +.aurora { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 15px; + --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.7); + --f7-block-title-font-weight: 600; + --f7-block-title-line-height: 1.5; + --f7-block-title-margin-bottom: 5px; + --f7-block-title-medium-font-size: 20px; + --f7-block-title-medium-font-weight: 600; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 28px; + --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: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.6); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.52); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-strong-text-color: #fff; +} +.block { + box-sizing: border-box; position: relative; z-index: 1; color: var(--f7-block-text-color); @@ -2874,7 +3200,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:before, +.aurora .block.no-hairlines-aurora:before, +.aurora .block.no-hairlines-aurora ul:before { display: none !important; } .block.no-hairlines:after, @@ -2882,7 +3210,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:after, +.aurora .block.no-hairlines-aurora:after, +.aurora .block.no-hairlines-aurora ul:after { display: none !important; } .block.no-hairline-top:before, @@ -2890,7 +3220,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-top-ios ul:before, +.aurora .block.no-hairline-top-aurora:before, +.aurora .block.no-hairline-top-aurora ul:before { display: none !important; } .block.no-hairline-bottom:after, @@ -2898,7 +3230,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-bottom-ios ul:after, +.aurora .block.no-hairline-bottom-aurora:after, +.aurora .block.no-hairline-bottom-aurora ul:after { display: none !important; } .block > h1:first-child, @@ -3121,6 +3455,7 @@ html.device-full-viewport body { --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-chevron-icon-font-size: 20px; --f7-list-item-title-font-size: inherit; --f7-list-item-title-font-weight: 400; --f7-list-item-title-text-color: inherit; @@ -3129,6 +3464,8 @@ html.device-full-viewport body { --f7-list-item-subtitle-font-weight: 400; --f7-list-item-subtitle-text-color: inherit; --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-text-font-weight: 400; + --f7-list-item-after-font-weight: 400; --f7-list-item-header-text-color: inherit; --f7-list-item-header-font-size: 12px; --f7-list-item-header-font-weight: 400; @@ -3136,8 +3473,23 @@ html.device-full-viewport body { --f7-list-item-footer-font-size: 12px; --f7-list-item-footer-font-weight: 400; --f7-list-item-footer-line-height: 1.2; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-item-divider-line-height: inherit; + --f7-list-group-title-line-height: inherit; +} +:root .theme-dark, +:root.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-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-chevron-icon-color: #434345; } .ios { + --f7-list-in-list-padding-left: 30px; --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; @@ -3148,11 +3500,9 @@ html.device-full-viewport body { --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; @@ -3165,11 +3515,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; /* --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; @@ -3178,29 +3527,21 @@ html.device-full-viewport body { --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-in-list-padding-left: 40px; --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; @@ -3211,11 +3552,9 @@ html.device-full-viewport body { --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; @@ -3228,9 +3567,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; --f7-list-media-item-padding-horizontal: 16px; + /* + --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); + */ --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); @@ -3239,33 +3579,88 @@ html.device-full-viewport body { --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); } +.aurora { + --f7-list-in-list-padding-left: 15px; + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 15px; + --f7-list-font-size: 14px; + --f7-list-chevron-icon-area: 15px; + --f7-list-chevron-icon-font-size: 16px; + --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-link-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-title-line-height: 1.3; + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-subtitle-line-height: 1.3; + --f7-list-item-text-font-size: 12px; + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-text-line-height: 16px; + --f7-list-item-after-font-size: 13px; + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-after-line-height: 1.2; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-min-height: 32px; + --f7-list-item-media-margin: 10px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 5px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 5px; + --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.12); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-height: 19px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 500; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 19px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6); + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 500; + --f7-list-group-title-bg-color: #f7f7f7; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-list-button-border-color: #282829; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03); +} .list { position: relative; z-index: 1; @@ -3309,6 +3704,9 @@ html.device-full-viewport body { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } +.list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left)); +} .list ul ul:before { display: none !important; } @@ -3500,7 +3898,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:before, +.aurora .list.no-hairlines-aurora:before, +.aurora .list.no-hairlines-aurora ul:before { display: none !important; } .list.no-hairlines:after, @@ -3508,7 +3908,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:after, +.aurora .list.no-hairlines-aurora:after, +.aurora .list.no-hairlines-aurora ul:after { display: none !important; } .list.no-hairline-top:before, @@ -3516,7 +3918,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-top-ios ul:before, +.aurora .list.no-hairline-top-aurora:before, +.aurora .list.no-hairline-top-aurora ul:before { display: none !important; } .list.no-hairline-bottom:after, @@ -3524,34 +3928,43 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-bottom-ios ul:after, +.aurora .list.no-hairline-bottom-aurora:after, +.aurora .list.no-hairline-bottom-aurora 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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios .list-group-title:after, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios.simple-list li:after, +.aurora .list.no-hairlines-between-aurora.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 { +.ios .list.no-hairlines-between-ios.links-list a:after, +.aurora .list.no-hairlines-between-aurora.links-list a:after { display: none !important; } .list-button { @@ -3670,6 +4083,10 @@ 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-title, +li.media-item .item-title { + font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit)); +} .media-list .item-inner, li.media-item .item-inner { display: block; @@ -3733,12 +4150,13 @@ li.media-item .item-link.chevron-center .item-inner:before { display: block; width: 100%; height: 100%; + font-size: 20px; position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; - font-size: 20px; + font-size: var(--f7-list-chevron-icon-font-size); line-height: 14px; color: var(--f7-list-chevron-icon-color); pointer-events: none; @@ -3830,6 +4248,10 @@ li.list-group-title, background-color: var(--f7-list-group-title-bg-color); line-height: var(--f7-list-group-title-line-height); } +.page-with-navbar-large li.list-group-title, +.page-with-navbar-large .list li.list-group-title { + top: calc(-1 * var(--f7-navbar-large-title-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)); @@ -3898,9 +4320,6 @@ li.list-group-title, --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 { @@ -3911,16 +4330,36 @@ li.list-group-title, .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; } +.aurora .list .item-media { + min-width: 18px; +} +.aurora .list .item-link .item-inner:before, +.aurora .links-list a:before, +.aurora .media-list .item-link .item-title-row:before, +.aurora li.media-item .item-link .item-title-row:before, +.aurora .media-list.chevron-center .item-link .item-inner:before, +.aurora .media-list .chevron-center .item-link .item-inner:before, +.aurora .media-list .item-link.chevron-center .item-inner:before, +.aurora li.media-item.chevron-center .item-link .item-inner:before, +.aurora li.media-item .chevron-center .item-link .item-inner:before, +.aurora li.media-item .item-link.chevron-center .item-inner:before { + content: 'chevron_left_aurora'; +} +.aurora .links-list a, +.aurora .list .item-link, +.aurora .list .list-button { + transition-duration: 0ms; +} +.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover), +.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-link-hover-bg-color); +} +.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-button-hover-bg-color); +} /* === Badge === */ :root { --f7-badge-text-color: #fff; @@ -3937,6 +4376,11 @@ li.list-group-title, .md { --f7-badge-size: 18px; } +.aurora { + --f7-badge-size: 18px; + --f7-badge-font-weight: 600; + --f7-badge-in-icon-size: 15px; +} .badge { display: inline-flex; align-items: center; @@ -4001,6 +4445,7 @@ li.list-group-title, --f7-button-outline-border-width: 1px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; + --f7-button-large-font-weight: 400; --f7-button-small-height: 26px; --f7-button-small-font-size: 13px; --f7-button-small-font-weight: 600; @@ -4021,8 +4466,9 @@ li.list-group-title, --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 500; --f7-button-small-height: 28px; - --f7-button-small-font-size: 13px; + --f7-button-small-font-size: 12px; --f7-button-small-font-weight: 500; --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; @@ -4031,6 +4477,33 @@ li.list-group-title, .md.theme-dark { --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-font-size: 14px; + --f7-button-height: 28px; + --f7-button-min-width: 24px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0.02; + --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-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 34px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 600; + --f7-button-small-height: 22px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: none; + --f7-button-small-outline-border-width: 1px; +} button { -webkit-appearance: none; -moz-appearance: none; @@ -4055,12 +4528,14 @@ button { outline: 0; box-sizing: border-box; vertical-align: middle; + justify-content: center; + align-items: center; 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); + padding: var(--f7-button-padding-vertical, 0px) 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); @@ -4086,17 +4561,20 @@ input[type="button"].button { .subnavbar .button, .navbar .button, .toolbar .button, -.searchbar .button { +.searchbar .button, +.appbar .button { color: var(--f7-button-text-color, var(--f7-theme-color)); } .button-round, .ios .button-round-ios, -.md .button-round-md { +.md .button-round-md, +.aurora .button-round-aurora { --f7-button-border-radius: var(--f7-button-height); } .button-fill, .ios .button-fill-ios, .md .button-fill-md, +.aurora .button-fill-aurora, .button-active, .button.tab-link-active { --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); @@ -4105,7 +4583,8 @@ input[type="button"].button { } .button-fill, .ios .button-fill-ios, -.md .button-fill-md { +.md .button-fill-md, +.aurora .button-fill-aurora { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); } .button-active, @@ -4114,19 +4593,23 @@ input[type="button"].button { } .button-outline, .ios .button-outline-ios, -.md .button-outline-md { +.md .button-outline-md, +.aurora .button-outline-aurora { --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 { +.md .button-large-md, +.aurora .button-large-aurora { --f7-button-height: var(--f7-button-large-height); --f7-button-font-size: var(--f7-button-large-font-size); + --f7-button-font-weight: var(--f7-button-large-font-weight); } .button-small, .ios .button-small-ios, -.md .button-small-md { +.md .button-small-md, +.aurora .button-small-aurora { --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); @@ -4177,27 +4660,32 @@ input[type="button"].button { } .segmented-round, .ios .segmented-round-ios, -.md .segmented-round-md { +.md .segmented-round-md, +.aurora .segmented-round-aurora { border-radius: var(--f7-button-height); } .segmented-raised, .ios .segmented-raised-ios, -.md .segmented-raised-md { +.md .segmented-raised-md, +.aurora .segmented-raised-aurora { 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) { +.md .segmented-raised-md .button:not(.button-outline), +.aurora .segmented-raised-aurora .button:not(.button-outline) { border-right: 1px solid var(--f7-segmented-raised-divider-color); } .button-raised, .ios .button-raised-ios, -.md .button-raised-md { +.md .button-raised-md, +.aurora .button-raised-aurora { --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 { +.md .button-raised-md.active-state, +.aurora .button-raised-aurora.active-state { --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); } .subnavbar .segmented { @@ -4222,6 +4710,23 @@ input[type="button"].button { .md .button-fill-md { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .button { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); +} +.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .button-fill, +.aurora .button-fill-aurora { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .button-fill, +.aurora .button-active, +.aurora .button.tab-link-active, +.aurora .button-fill-aurora { + --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint)); +} /* === Touch Ripple === */ :root { --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); @@ -4233,9 +4738,9 @@ input[type="button"].button { } .ripple, .fab a, -a.link, -a.item-link, -a.list-button, +.link, +.item-link, +.list-button, .button, .dialog-button, .tab-link, @@ -4388,6 +4893,40 @@ i.icon { .md .icon-prev:after { content: 'chevron_right_md'; } +.aurora .f7-icons, +.aurora .material-icons { + font-size: 18px; +} +.aurora .icon-back, +.aurora .icon-prev, +.aurora .icon-forward, +.aurora .icon-next { + width: 9px; + height: 14px; + line-height: 14px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after, +.aurora .icon-forward:after, +.aurora .icon-next:after { + line-height: inherit; +} +.aurora .item-media .icon { + color: #808080; +} +.aurora .item-media .f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after { + content: 'chevron_right_aurora'; +} +.aurora .icon-forward:after, +.aurora .icon-next:after { + content: 'chevron_left_aurora'; +} .custom-modal-backdrop { z-index: 10500; } @@ -4428,14 +4967,144 @@ i.icon { visibility: visible; opacity: 1; } +/* === Appbar === */ +:root { + /* + --f7-appbar-offset: var(--f7-appbar-height); + --f7-appbar-extra-offset: 0px; + --f7-appbar-bg-color: var(--f7-bars-bg-color); + --f7-appbar-bg-image: var(--f7-bars-bg-image); + --f7-appbar-border-color: var(--f7-bars-border-color); + --f7-appbar-link-color: var(--f7-bars-link-color); + --f7-appbar-text-color: var(--f7-bars-text-color); + */ + --f7-appbar-shadow-image: none; +} +.ios { + --f7-appbar-height: 44px; + --f7-appbar-inner-padding-left: 8px; + --f7-appbar-inner-padding-right: 8px; +} +.md { + --f7-appbar-height: 48px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px; +} +.aurora { + --f7-appbar-height: 38px; + --f7-appbar-inner-padding-left: 15px; + --f7-appbar-inner-padding-right: 15px; +} +.appbar { + 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-appbar-height); + background-image: var(--f7-appbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-appbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color))); + color: var(--f7-appbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-appbar-font-size); + z-index: 7000; +} +.appbar .panel ~ .appbar { + z-index: 5500; +} +.appbar a { + color: var(--f7-appbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); +} +.appbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-appbar-link-line-height, var(--f7-appbar-height)); + height: var(--f7-appbar-link-height, var(--f7-appbar-height)); +} +.appbar .left, +.appbar .center, +.appbar .right { + display: flex; + align-items: center; +} +.appbar.no-hairline:after, +.appbar.no-border:after { + display: none !important; +} +.appbar.no-hairline .title-large:after, +.appbar.no-border .title-large:after { + display: none !important; +} +.appbar.no-shadow:before { + display: none !important; +} +.appbar:after, +.appbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.appbar:after { + content: ''; + position: absolute; + background-color: var(--f7-appbar-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))); +} +.appbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-appbar-shadow-image); +} +.appbar:after { + z-index: 1; +} +.appbar ~ * { + --f7-appbar-app-offset: calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px)); +} +.appbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-appbar-height); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left)); +} +.appbar-inner.stacked { + display: none; +} /* === Dialog === */ :root { --f7-dialog-button-text-color: var(--f7-theme-color); + --f7-dialog-button-text-align: center; + --f7-dialog-input-bg-color: #fff; } .ios { --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; + --f7-dialog-inner-padding: 15px; --f7-dialog-border-radius: 13px; --f7-dialog-text-color: #000; --f7-dialog-text-align: center; @@ -4447,13 +5116,12 @@ i.icon { --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-border-radius: 4px; --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; @@ -4463,9 +5131,10 @@ i.icon { --f7-dialog-bg-color: #fff; --f7-dialog-box-shadow: var(--f7-elevation-24); --f7-dialog-width: 280px; + --f7-dialog-inner-padding: 24px; --f7-dialog-border-radius: 4px; --f7-dialog-text-color: #757575; - --f7-dialog-text-align: left; + --f7-dialog-text-align: right; --f7-dialog-font-size: 16px; --f7-dialog-title-text-color: #212121; --f7-dialog-title-font-size: 20px; @@ -4474,18 +5143,47 @@ i.icon { --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-border-radius: 0px; --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; } +.aurora { + --f7-dialog-bg-color: #fff; + --f7-dialog-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), 0 25px 30px 0 rgba(0,0,0,0.35); + --f7-dialog-width: 300px; + --f7-dialog-inner-padding: 20px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-color: #000; + --f7-dialog-text-align: right; + --f7-dialog-font-size: 14px; + --f7-dialog-title-text-color: inherit; + --f7-dialog-title-font-size: 14px; + --f7-dialog-title-font-weight: 700; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-text-color: #fff; + --f7-dialog-button-font-size: 13px; + --f7-dialog-button-height: 28px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: none; + /* + --f7-dialog-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-dialog-input-border-radius: 4px; + --f7-dialog-input-font-size: 13px; + --f7-dialog-input-height: 24px; + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.12); + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.32); + --f7-dialog-preloader-size: 24px; +} .dialog { position: absolute; z-index: 13500; @@ -4520,6 +5218,7 @@ i.icon { } .dialog-inner { position: relative; + padding: var(--f7-dialog-inner-padding); } .dialog-title { color: var(--f7-dialog-title-text-color); @@ -4553,9 +5252,6 @@ i.icon { display: block; cursor: pointer; } -.dialog-button[class*="color-"] { - --f7-dialog-button-text-color: var(--f7-theme-color); -} .dialog-no-buttons .dialog-buttons { display: none; } @@ -4566,7 +5262,7 @@ input.dialog-input[type] { box-sizing: border-box; margin: 0; margin-top: 15px; - border-radius: 0; + border-radius: var(--f7-dialog-input-border-radius); -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -4591,6 +5287,12 @@ input.dialog-input[type]::-ms-input-placeholder { input.dialog-input[type]::placeholder { color: var(--f7-dialog-input-placeholder-color); } +.dialog-input-double input.dialog-input { + border-radius: var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0; +} +.dialog-input-double + .dialog-input-double input.dialog-input { + border-radius: 0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius); +} .dialog-preloader .preloader { --f7-preloader-size: var(--f7-dialog-preloader-size); } @@ -4602,7 +5304,6 @@ html.with-modal-dialog .page-content { 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); } @@ -4668,6 +5369,9 @@ html.with-modal-dialog .page-content { .ios .dialog-button.dialog-button-bold { font-weight: 500; } +.ios .dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} .ios .dialog-buttons-vertical .dialog-buttons { height: auto; } @@ -4733,9 +5437,6 @@ html.with-modal-dialog .page-content { .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; } @@ -4766,6 +5467,9 @@ html.with-modal-dialog .page-content { .md .dialog-button + .dialog-button { margin-left: 4px; } +.md .dialog-button[class*="color-"] { + --f7-dialog-button-text-color: var(--f7-theme-color); +} .md .dialog-buttons-vertical .dialog-buttons { padding: 0 0 8px 0; } @@ -4802,21 +5506,111 @@ html.with-modal-dialog .page-content { .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; - */ +.aurora .dialog { + background: var(--f7-dialog-bg-color); } -.ios { - --f7-popup-box-shadow: none; +.aurora .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(0.815); +} +.aurora .dialog-title + .dialog-text { + margin-top: 10px; +} +.aurora .dialog-text { + line-height: 1.5; +} +.aurora .dialog-buttons { + padding: var(--f7-dialog-inner-padding); + padding-top: 0; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end; +} +.aurora .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 10px; + border: none; + transition-duration: 300ms; + transform: translate3d(0, 0, 0); + background: var(--f7-theme-color); +} +.aurora .dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .dialog-button.dialog-button-bold { + font-weight: 600; +} +.aurora .dialog-button + .dialog-button { + margin-left: 15px; +} +.aurora .dialog-buttons-vertical .dialog-buttons { + display: flex; + flex-direction: column; + align-items: flex-end; +} +.aurora .dialog-buttons-vertical .dialog-button { + margin-left: 0; + flex-shrink: 0; +} +.aurora .dialog-buttons-vertical .dialog-button + .dialog-button { + margin-top: 5px; +} +.aurora .dialog-input-field { + margin-top: 10px; +} +.aurora .dialog-input-field input.dialog-input { + margin-top: 0; +} +.aurora .dialog-input { + padding: 0 4px; + transition-duration: 200ms; + position: relative; +} +.aurora .dialog-input + .dialog-input { + margin-top: 10px; +} +.aurora .dialog-input-double + .dialog-input-double { + margin-top: 0; +} +.aurora .dialog-input-double + .dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0; +} +.aurora .dialog-preloader .dialog-title, +.aurora .dialog-progress .dialog-title, +.aurora .dialog-preloader .dialog-inner, +.aurora .dialog-progress .dialog-inner { + text-align: center; +} +.aurora .dialog-preloader .dialog-title ~ .preloader, +.aurora .dialog-preloader .dialog-text ~ .preloader { + margin-top: 10px; +} +.aurora .dialog-progress .dialog-title ~ .progressbar, +.aurora .dialog-progress .dialog-text ~ .progressbar, +.aurora .dialog-progress .dialog-title ~ .progressbar-infinite, +.aurora .dialog-progress .dialog-text ~ .progressbar-infinite { + margin-top: 15px; +} +/* === Popup === */ +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + /* + --f7-popup-tablet-border-radius: var(--f7-popup-border-radius); + */ +} +.ios { + --f7-popup-box-shadow: none; } .md { --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); } +.aurora { + --f7-popup-tablet-border-radius: 4px; + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5); +} .popup-backdrop { z-index: 10500; } @@ -4850,6 +5644,9 @@ html.with-modal-dialog .page-content { .popup.modal-out { transform: translate3d(0, 100%, 0); } +.popup.swipe-close-to-top.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); @@ -4868,6 +5665,9 @@ html.with-modal-dialog .page-content { .popup:not(.popup-tablet-fullscreen).modal-out { transform: translate3d(0, 100vh, 0); } + .popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out { + transform: translate3d(0, -100vh, 0); + } } @media (max-width: 629px), (max-height: 629px) { .popup-backdrop { @@ -4907,6 +5707,11 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-login-screen-title-font-size: 34px; --f7-login-screen-title-font-weight: normal; } +.aurora { + --f7-login-screen-blocks-margin-vertical: 15px; + --f7-login-screen-title-font-size: 28px; + --f7-login-screen-title-font-weight: 500; +} .login-screen { position: absolute; left: 0; @@ -5007,6 +5812,19 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-popover-bg-color: #202020; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-popover-width: 200px; + --f7-popover-bg-color: #fff; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 5px 11px 0 rgba(0,0,0,0.28); + --f7-popover-actions-icon-size: 24px; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-popover-bg-color: #202020; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6); +} .popover { width: var(--f7-popover-width); z-index: 13500; @@ -5175,15 +5993,96 @@ html.with-modal-popup .framework7-root > .panel .page-content { .md .popover-on-top { transform-origin: center bottom; } +.md .popover-on-top.popover-on-right { + transform-origin: left bottom; +} +.md .popover-on-top.popover-on-left { + transform-origin: right bottom; +} +.md .popover-on-middle { + transform-origin: center center; +} +.md .popover-on-middle.popover-on-right { + transform-origin: left center; +} +.md .popover-on-middle.popover-on-left { + transform-origin: right center; +} .md .popover-on-bottom { transform-origin: center top; } +.md .popover-on-bottom.popover-on-right { + transform-origin: left top; +} +.md .popover-on-bottom.popover-on-left { + transform-origin: right top; +} +.aurora .popover { + transform: none; + transition-property: opacity; +} +.aurora .popover-angle { + width: 18px; + height: 18px; + position: absolute; + left: -18px; + top: 0; + z-index: 100; + overflow: hidden; +} +.aurora .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 18px; + height: 18px; + position: absolute; + left: 0; + top: 0; + border-radius: 2px; + transform: rotate(45deg); +} +.aurora .popover-angle.on-left { + left: -18px; +} +.aurora .popover-angle.on-left:after { + left: 13px; + top: 0; +} +.aurora .popover-angle.on-right { + left: 100%; +} +.aurora .popover-angle.on-right:after { + left: -13px; + top: 0; +} +.aurora .popover-angle.on-top { + left: 0; + top: -18px; +} +.aurora .popover-angle.on-top:after { + left: 0; + top: 13px; +} +.aurora .popover-angle.on-bottom { + left: 0; + top: 100%; +} +.aurora .popover-angle.on-bottom:after { + left: 0; + top: -13px; +} /* === Actions === */ +:root { + --f7-actions-grid-button-font-size: 12px; + --f7-actions-grid-button-text-color: #757575; +} .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; @@ -5198,9 +6097,7 @@ html.with-modal-popup .framework7-root > .panel .page-content { --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; @@ -5221,9 +6118,30 @@ html.with-modal-popup .framework7-root > .panel .page-content { --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; +} +.aurora { + --f7-actions-bg-color: #fff; + --f7-actions-border-radius: 4px; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.12); + /* + --f7-actions-button-text-color: var(--f7-theme-color); + */ + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-button-padding: 0 15px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 32px; + --f7-actions-button-height-landscape: 32px; + --f7-actions-button-font-size: 14px; + --f7-actions-button-icon-size: 18px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 10px 15px; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.5); + --f7-actions-label-font-size: 12px; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: rgba(0, 0, 0, 0.1); + --f7-actions-group-margin: 15px; + --f7-actions-grid-button-icon-size: 32px; } .actions-modal { position: absolute; @@ -5350,7 +6268,7 @@ html.with-modal-popup .framework7-root > .panel .page-content { .actions-button { cursor: pointer; display: flex; - color: var(--f7-actions-button-text-color); + color: var(--f7-actions-button-text-color, var(--f7-theme-color)); font-size: var(--f7-actions-button-font-size); height: var(--f7-actions-button-height); line-height: var(--f7-actions-button-height); @@ -5470,6 +6388,13 @@ html.with-modal-popup .framework7-root > .panel .page-content { .md .actions-button-media + .actions-button-text { margin-left: 16px; } +.aurora .actions-button-media { + margin-left: 15px; +} +.aurora .actions-button-media + .actions-button-text { + text-align: left; + margin-left: 15px; +} /* === Sheet Modal === */ :root { --f7-sheet-height: 260px; @@ -5492,6 +6417,15 @@ html.with-modal-popup .framework7-root > .panel .page-content { --f7-sheet-bg-color: #202020; --f7-sheet-border-color: transparent; } +.aurora { + --f7-sheet-bg-color: #fff; + --f7-sheet-border-color: transparent; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-sheet-bg-color: #202020; + --f7-sheet-border-color: transparent; +} .sheet-backdrop { z-index: 11000; } @@ -5509,27 +6443,6 @@ html.with-modal-popup .framework7-root > .panel .page-content { 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; @@ -5541,6 +6454,10 @@ html.with-modal-popup .framework7-root > .panel .page-content { display: block; transform: translate3d(0, 0, 0); } +.sheet-modal.modal-in-swipe-step { + display: block; + transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0); +} .sheet-modal.modal-out { transform: translate3d(0, 100%, 0); } @@ -5568,34 +6485,100 @@ html.with-modal-popup .framework7-root > .panel .page-content { padding-bottom: 0; padding-top: 0; } -.sheet-modal .toolbar ~ .sheet-modal-inner .page-content, -.sheet-modal .sheet-modal-inner > .page-content { +.sheet-modal-top:after { + content: ''; + position: absolute; + background-color: var(--f7-sheet-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))); +} +.sheet-modal-top:after { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal-bottom:before, +.sheet-modal:not(.sheet-modal-top):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-bottom:before, +.sheet-modal:not(.sheet-modal-top):before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d; +} +.sheet-modal-bottom .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal:not(.sheet-modal-top) .toolbar ~ .sheet-modal-inner .page-content, +.sheet-modal-bottom .sheet-modal-inner > .page-content, +.sheet-modal:not(.sheet-modal-top) .sheet-modal-inner > .page-content { padding-bottom: var(--f7-safe-area-bottom); } +.sheet-modal-top { + bottom: auto; + top: var(--f7-statusbar-height); + transform: translate3d(0, calc(-100% - var(--f7-statusbar-height)), 0); +} +.sheet-modal-top.modal-out { + transform: translate3d(0, calc(-100% - var(--f7-statusbar-height)), 0); +} +.sheet-modal-top .toolbar-bottom { + position: absolute; +} +.sheet-modal-top .toolbar-top ~ .sheet-modal-inner .page-content { + padding-top: 0; +} .md .sheet-modal .toolbar a.link:not(.tab-link) { flex-shrink: 0; } /* === Toast === */ -.ios { +:root { --f7-toast-text-color: #fff; --f7-toast-font-size: 14px; + --f7-toast-icon-size: 48px; +} +.ios { --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; +} +.aurora { + --f7-toast-bg-color: rgba(0, 0, 0, 0.85); + --f7-toast-padding-horizontal: 10px; + --f7-toast-padding-vertical: 10px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 32px; } .toast { transition-property: transform, opacity; @@ -5778,30 +6761,88 @@ html.with-modal-popup .framework7-root > .panel .page-content { margin-right: 16px; margin-left: -8px; } -/* === Preloader === */ -:root { - --f7-preloader-modal-padding: 8px; - --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8); +.aurora .toast { + transition-duration: 200ms; + border-radius: var(--f7-toast-border-radius); + left: 10px; + width: calc(100% - 20px); + transform: scale(0.9); } -.ios { - --f7-preloader-color: #6c6c6c; - --f7-preloader-size: 20px; - --f7-preloader-modal-preloader-size: 34px; - --f7-preloader-modal-border-radius: 5px; +.aurora .toast.modal-in { + transform: scale(1); } -.md { - --f7-preloader-color: #757575; - --f7-preloader-size: 32px; - --f7-preloader-modal-preloader-size: 32px; - --f7-preloader-modal-border-radius: 4px; +.aurora .toast.modal-out { + transform: scale(1); } -.preloader { - display: inline-block; - vertical-align: middle; - width: var(--f7-preloader-size); - height: var(--f7-preloader-size); - font-size: 0; - position: relative; +.aurora .toast.toast-top { + top: 10px; +} +.aurora .toast.toast-center { + left: 50%; + width: auto; + transform: scale(0.9) translate3d(-55%, -55%, 0); +} +.aurora .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.aurora .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0); +} +.aurora .toast.toast-bottom { + bottom: calc(10px + var(--f7-safe-area-bottom)); +} +@media (min-width: 584px) { + .aurora .toast { + left: 50%; + margin-left: -284px; + } + .aurora .toast.toast-center { + margin-left: 0; + } +} +@media (min-width: 1024px) { + .aurora .toast { + margin-left: 0; + width: auto; + } + .aurora .toast.toast-bottom, + .aurora .toast.toast-top { + left: 10px; + } +} +.aurora .toast-button { + margin-right: 10px; +} +/* === 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; +} +.aurora { + --f7-preloader-color: #757575; + --f7-preloader-size: 24px; + --f7-preloader-modal-preloader-size: 24px; + --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 { @@ -6053,23 +7094,82 @@ html.with-modal-preloader .page-content { border-right-color: #DE3E35; } } +.aurora .preloader-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.aurora .preloader-inner-circle { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + border: calc(var(--f7-preloader-size) / 8) solid var(--f7-preloader-color); + border-top-color: transparent; + box-sizing: border-box; + animation: aurora-preloader-rotate 1s linear infinite; +} +.aurora .preloader.color-multi .preloader-inner-circle { + animation: aurora-preloader-rotate 1s linear infinite, aurora-preloader-multicolor 2s linear infinite; +} +@keyframes aurora-preloader-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes aurora-preloader-multicolor { + 0%, + 100% { + border-color: #2196f3; + border-top-color: transparent; + } + 25% { + border-color: #ff3b30; + border-top-color: transparent; + } + 50% { + border-color: #4cd964; + border-top-color: transparent; + } + 75% { + border-color: #ff9500; + border-top-color: transparent; + } +} /* === Progressbar === */ -.ios { +:root { /* --f7-progressbar-progress-color: var(--f7-theme-color); */ +} +.ios { --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; } +.aurora { + --f7-progressbar-bg-color: #dbdbdb; + --f7-progressbar-height: 6px; + --f7-progressbar-border-radius: 3px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-progressbar-bg-color: #444; +} .progressbar, .progressbar-infinite { width: 100%; @@ -6290,6 +7390,41 @@ body > .progressbar-infinite, background-color: #4caf50; } } +.aurora .progressbar, +.aurora .progressbar-infinite, +.aurora .progressbar span, +.aurora .progressbar-infinite:before { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset; +} +.aurora .progressbar-infinite:before { + animation: aurora-progressbar-infinite 1s linear infinite; +} +.aurora .progressbar-infinite:after { + display: none; +} +.aurora .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: aurora-progressbar-infinite-multicolor 3s linear infinite; +} +@keyframes aurora-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes aurora-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0); + } + 100% { + transform: translate3d(-50%, 0, 0); + } +} /* === Sortable === */ :root { --f7-sortable-handler-color: #c7c7cc; @@ -6307,6 +7442,10 @@ body > .progressbar-infinite, --f7-sortable-handler-width: 42px; --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); } +.aurora { + --f7-sortable-handler-width: 32px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2); +} .sortable .sortable-handler { width: var(--f7-sortable-handler-width); height: 100%; @@ -6390,11 +7529,18 @@ body > .progressbar-infinite, .md .sortable-handler:after { content: 'sort_md'; } +.aurora .sortable-handler:after { + content: 'sort_md'; + font-size: 16px; + height: 16px; +} /* === Swipeout === */ :root { --f7-swipeout-button-text-color: #fff; --f7-swipeout-button-bg-color: #c7c7cc; --f7-swipeout-delete-button-bg-color: #ff3b30; + --f7-swipeout-button-font-size: inherit; + --f7-swipeout-button-font-weight: inherit; } .ios { --f7-swipeout-button-padding: 0 30px; @@ -6402,6 +7548,10 @@ body > .progressbar-infinite, .md { --f7-swipeout-button-padding: 0 24px; } +.aurora { + --f7-swipeout-button-padding: 0 12px; + --f7-swipeout-button-font-weight: 500; +} .swipeout { overflow: hidden; transform-style: preserve-3d; @@ -6450,6 +7600,8 @@ body > .progressbar-infinite, align-items: center; position: relative; left: 0; + font-size: var(--f7-swipeout-button-font-size); + font-weight: var(--f7-swipeout-button-font-weight); } .swipeout-actions-left > a:after, .swipeout-actions-right > a:after, @@ -6624,7 +7776,31 @@ html.device-android-4 .accordion-item-content { margin-top: -4px; line-height: 8px; } +.aurora .list .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, +.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item > .item-link .item-title-row:before, +.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item.media-item > .item-link .item-title-row:before, +.aurora .links-list .accordion-item > a:before { + content: 'chevron_down_aurora'; +} +.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before, +.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item-opened > .item-link .item-title-row:before, +.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item-opened.media-item > .item-link .item-title-row:before, +.aurora .links-list .accordion-item-opened > a:before { + content: 'chevron_up_aurora'; +} /* === Contacts === */ +:root .theme-dark, +:root.theme-dark { + --f7-contacts-list-title-text-color: #fff; +} .ios { --f7-contacts-list-title-font-size: inherit; --f7-contacts-list-title-font-weight: 600; @@ -6634,31 +7810,38 @@ html.device-android-4 .accordion-item-content { } .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; +.aurora { + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-color: #000; + /* + --f7-contacts-list-title-bg-color: var(--f7-list-group-title-bg-color); + --f7-contacts-list-title-font-size: var(--f7-list-group-title-font-size); + --f7-contacts-list-title-line-height: var(--f7-list-group-title-height); + --f7-contacts-list-title-height: var(--f7-list-group-title-height); + */ } .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); + background-color: var(--f7-contacts-list-title-bg-color, var(--f7-list-group-title-bg-color)); + font-weight: var(--f7-contacts-list-title-font-weight, var(--f7-list-group-title-font-weight)); + font-size: var(--f7-contacts-list-title-font-size, var(--f7-list-group-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); + line-height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)); + height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)); } .contacts-list .list-group:first-child ul:before { display: none !important; @@ -6699,6 +7882,13 @@ html.device-android-4 .accordion-item-content { --f7-list-index-label-font-size: 20px; --f7-list-index-skip-dot-size: 4px; } +.aurora { + --f7-list-index-font-size: 12px; + --f7-list-index-label-size: 32px; + --f7-list-index-label-font-size: 12px; + --f7-list-index-label-font-weight: 600; + --f7-list-index-skip-dot-size: 4px; +} .list-index { position: absolute; top: 0; @@ -6833,16 +8023,40 @@ html.device-android-4 .accordion-item-content { .md .list-index .list-index-label { border-radius: 50% 50% 0 50%; } +.aurora .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%; +} +.aurora .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 1px 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1; +} /* === Timeline === */ :root { --f7-timeline-horizontal-date-height: 34px; --f7-timeline-year-height: 24px; + --f7-timeline-year-font-weight: inherit; --f7-timeline-month-height: 24px; + --f7-timeline-month-font-size: inherit; + --f7-timeline-month-font-weight: inherit; --f7-timeline-item-inner-bg-color: #fff; + --f7-timeline-item-text-font-weight: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; } :root .theme-dark, :root.theme-dark { --f7-timeline-item-inner-bg-color: #1c1c1d; + --f7-timeline-horizontal-item-border-color: #282829; + --f7-timeline-horizontal-item-date-border-color: #282829; } .ios { --f7-timeline-padding-horizontal: 15px; @@ -6854,9 +8068,14 @@ html.device-android-4 .accordion-item-content { --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-line-height: inherit; --f7-timeline-item-title-font-weight: 600; --f7-timeline-item-subtitle-font-size: 15px; - --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-item-subtitle-line-height: inherit; + --f7-timeline-item-text-font-size: inherit; + --f7-timeline-item-text-color: inherit; + --f7-timeline-item-text-line-height: inherit; + --f7-timeline-year-font-size: 16px; --f7-timeline-horizontal-item-padding: 10px; --f7-timeline-horizontal-item-border-color: #c4c4c4; --f7-timeline-horizontal-item-date-border-color: #c4c4c4; @@ -6876,9 +8095,14 @@ html.device-android-4 .accordion-item-content { --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-line-height: inherit; --f7-timeline-item-title-font-weight: 400; --f7-timeline-item-subtitle-font-size: inherit; - --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-item-subtitle-line-height: inherit; + --f7-timeline-item-text-font-size: inherit; + --f7-timeline-item-text-line-height: inherit; + --f7-timeline-item-text-color: inherit; + --f7-timeline-year-font-size: 16px; --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; @@ -6888,6 +8112,35 @@ html.device-android-4 .accordion-item-content { .md.theme-dark { --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-timeline-padding-horizontal: 10px; + --f7-timeline-margin-vertical: 15px; + --f7-timeline-divider-margin-horizontal: 15px; + --f7-timeline-inner-block-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-timeline-item-time-font-size: 12px; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.5); + --f7-timeline-item-title-font-size: 14px; + --f7-timeline-item-title-line-height: 1.3; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 14px; + --f7-timeline-item-subtitle-line-height: 1.3; + --f7-timeline-item-text-color: rgba(0, 0, 0, 0.6); + --f7-timeline-item-text-font-size: 12px; + --f7-timeline-item-text-line-height: 1.33; + --f7-timeline-year-font-size: 14px; + --f7-timeline-year-font-weight: 500; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.2); + --f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.2); + --f7-timeline-horizontal-item-date-shadow-image: none; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.52); + --f7-timeline-item-text-color: rgba(255, 255, 255, 0.52); +} .timeline { box-sizing: border-box; margin: var(--f7-timeline-margin-vertical) 0; @@ -7043,10 +8296,18 @@ html.device-android-4 .accordion-item-content { .timeline-item-title { font-size: var(--f7-timeline-item-title-font-size); font-weight: var(--f7-timeline-item-title-font-weight); + line-height: var(--f7-timeline-item-title-line-height); } .timeline-item-subtitle { font-size: var(--f7-timeline-item-subtitle-font-size); font-weight: var(--f7-timeline-item-subtitle-font-weight); + line-height: var(--f7-timeline-item-subtitle-line-height); +} +.timeline-item-text { + color: var(--f7-timeline-item-text-color); + font-size: var(--f7-timeline-item-text-font-size); + font-weight: var(--f7-timeline-item-text-font-weight); + line-height: var(--f7-timeline-item-text-line-height); } .timeline-sides .timeline-item-right, .timeline-sides .timeline-item { @@ -7365,10 +8626,14 @@ html.device-android-4 .accordion-item-content { .timeline-year-title { line-height: var(--f7-timeline-year-height); height: var(--f7-timeline-year-height); + font-size: var(--f7-timeline-year-font-size); + font-weight: var(--f7-timeline-year-font-weight); } .timeline-month-title { line-height: var(--f7-timeline-month-height); height: var(--f7-timeline-month-height); + font-size: var(--f7-timeline-month-font-size); + font-weight: var(--f7-timeline-month-font-weight); } .timeline-year-title, .timeline-month-title { @@ -7388,9 +8653,6 @@ html.device-android-4 .accordion-item-content { 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; } @@ -7431,7 +8693,6 @@ html.device-android-4 .accordion-item-content { 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); @@ -7439,10 +8700,12 @@ html.device-android-4 .accordion-item-content { .ios .timeline-year-title span { margin-top: 3px; } -/* === Timeline MD === */ .md .timeline-year-title span { margin-top: 2px; } +.aurora .timeline-year-title span { + margin-top: 2px; +} /* === Tabs === */ .tabs .tab { display: none; @@ -7467,7 +8730,7 @@ html.device-android-4 .accordion-item-content { flex-shrink: 0; } .tabs-animated-wrap.not-animated > .tabs { - transition-duration: 300ms; + transition-duration: 0ms; } .tabs-swipeable-wrap { height: 100%; @@ -7484,6 +8747,10 @@ html.device-android-4 .accordion-item-content { /* === Panels === */ :root { --f7-panel-width: 260px; + /* + --f7-panel-left-width: var(--f7-panel-width); + --f7-panel-right-width: var(--f7-panel-width); + */ --f7-panel-bg-color: #fff; } .ios { @@ -7500,12 +8767,17 @@ html.device-android-4 .accordion-item-content { rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%; } +.aurora { + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent; +} .panel-backdrop { position: absolute; left: 0; - top: var(--f7-statusbar-height); + top: calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset, 0px)); width: 100%; - height: calc(100% - var(--f7-statusbar-height)); + height: calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset, 0px)); opacity: 0; z-index: 5999; display: none; @@ -7522,13 +8794,14 @@ html.device-android-4 .accordion-item-content { display: none; box-sizing: border-box; position: absolute; - top: var(--f7-statusbar-height); - height: calc(100% - var(--f7-statusbar-height)); + top: calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset, 0px)); + height: calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset, 0px)); transform: translate3d(0, 0, 0); width: var(--f7-panel-width); background-color: var(--f7-panel-bg-color); overflow: visible; will-change: transform; + transition-property: transform; } .panel:after { pointer-events: none; @@ -7539,6 +8812,7 @@ html.device-android-4 .accordion-item-content { top: 0; width: 20px; height: 100%; + transition-property: transform, opacity; } .panel, .panel:after { @@ -7552,11 +8826,24 @@ html.device-android-4 .accordion-item-content { .panel.panel-reveal.not-animated ~ .view { transition-duration: 0ms !important; } +.panel.panel-resizing { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.panel.panel-resizing, +.panel.panel-resizing:after, +.panel.panel-resizing ~ .views, +.panel.panel-resizing ~ .view { + transition-duration: 0ms !important; +} .panel-cover { z-index: 6000; } .panel-left { left: 0; + width: var(--f7-panel-left-width, var(--f7-panel-width)); } .panel-left.panel-cover { transform: translate3d(-100%, 0, 0); @@ -7569,15 +8856,17 @@ html.with-panel-left-cover .panel-left.panel-cover:after { opacity: 1; } .panel-left.panel-reveal:after { - right: 100%; + right: 0; + transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0); 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); + transform: translate3d(0, 0, 0); } .panel-right { right: 0; + width: var(--f7-panel-right-width, var(--f7-panel-width)); } .panel-right.panel-cover { transform: translate3d(100%, 0, 0); @@ -7590,12 +8879,13 @@ html.with-panel-right-cover .panel-right.panel-cover:after { opacity: 1; } .panel-right.panel-reveal:after { - left: 100%; + left: 0; background: linear-gradient(to right, var(--f7-panel-shadow)); + transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0); } html.with-panel-right-reveal .panel-right.panel-reveal:after { opacity: 1; - transform: translate3d(calc(-1 * (var(--f7-panel-width))), 0, 0); + transform: translate3d(0, 0, 0); } .panel-visible-by-breakpoint { display: block; @@ -7636,12 +8926,12 @@ html.with-panel-right-cover .panel-backdrop { 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); + transform: translate3d(var(--f7-panel-left-width, 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); + transform: translate3d(calc(-1 * var(--f7-panel-right-width, var(--f7-panel-width))), 0, 0); } html.with-panel-left-cover .panel-left { transform: translate3d(0px, 0, 0); @@ -7649,6 +8939,30 @@ html.with-panel-left-cover .panel-left { html.with-panel-right-cover .panel-right { transform: translate3d(0px, 0, 0); } +.panel-resize-handler { + position: absolute; + top: 0; + height: 100%; + width: 6px; + cursor: col-resize; + z-index: 6000; + display: none; +} +.panel-resizable .panel-resize-handler { + display: block; +} +.panel-left.panel-cover .panel-resize-handler { + right: -3px; +} +.panel-left.panel-reveal .panel-resize-handler { + right: 0; +} +.panel-right.panel-cover .panel-resize-handler { + left: -3px; +} +.panel-right.panel-reveal .panel-resize-handler { + left: 0; +} /* === Card === */ :root { --f7-card-bg-color: #fff; @@ -7669,6 +8983,7 @@ html.with-panel-right-cover .panel-right { :root .theme-dark, :root.theme-dark { --f7-card-bg-color: #1c1c1d; + --f7-card-expandable-bg-color: #1c1c1d; --f7-card-outline-border-color: #282829; --f7-card-header-border-color: #282829; --f7-card-footer-border-color: #282829; @@ -7718,6 +9033,29 @@ html.with-panel-right-cover .panel-right { --f7-card-expandable-header-font-size: 24px; --f7-card-expandable-header-font-weight: 500; } +.aurora { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-card-content-padding-horizontal: 15px; + --f7-card-content-padding-vertical: 15px; + --f7-card-header-font-size: 14px; + --f7-card-header-font-weight: bold; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-padding-horizontal: 15px; + --f7-card-header-min-height: 38px; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-padding-horizontal: 15px; + --f7-card-footer-min-height: 38px; + --f7-card-expandable-margin-horizontal: 10px; + --f7-card-expandable-margin-vertical: 20px; + --f7-card-expandable-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); + --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; +} .cards-list > ul:before, .card .list > ul:before { display: none !important; @@ -7754,16 +9092,19 @@ html.with-panel-right-cover .panel-right { } .card-outline, .ios .card-outline-ios, -.md .card-outline-md { +.md .card-outline-md, +.aurora .card-outline-aurora { 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, +.aurora .card-outline-aurora.no-border, .card-outline.no-hairlines, .ios .card-outline-ios.no-hairlines, -.md .card-outline-md.no-hairlines { +.md .card-outline-md.no-hairlines, +.aurora .card-outline-aurora.no-hairlines { border: none; } .card-content { @@ -8100,6 +9441,17 @@ html.with-panel-right-cover .panel-right { .md.theme-dark { --f7-chip-text-color: rgba(255, 255, 255, 0.87); } +.aurora { + --f7-chip-text-color: #000; + --f7-chip-height: 20px; + --f7-chip-padding-horizontal: 10px; + --f7-chip-font-size: 12px; + --f7-chip-media-font-size: 14px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-chip-text-color: #fff; +} .chip { padding-left: var(--f7-chip-padding-horizontal); padding-right: var(--f7-chip-padding-horizontal); @@ -8196,7 +9548,8 @@ html.with-panel-right-cover .panel-right { } .chip-outline, .ios .chip-outline-ios, -.md .chip-outline-md { +.md .chip-outline-md, +.aurora .chip-outline-aurora { border: 1px solid var(--f7-chip-outline-border-color); background: none; } @@ -8206,7 +9559,8 @@ html.with-panel-right-cover .panel-right { } .chip-outline[class*="color-"], .ios .chip-outline-ios[class*="color-"], -.md .chip-outline-md[class*="color-"] { +.md .chip-outline-md[class*="color-"], +.aurora .chip-outline-aurora[class*="color-"] { --f7-chip-outline-border-color: var(--f7-theme-color); --f7-chip-text-color: var(--f7-theme-color); } @@ -8225,29 +9579,52 @@ html.with-panel-right-cover .panel-right { .md .chip-delete:after { font-size: 12px; } +.aurora .chip-delete { + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)); +} +.aurora .chip-delete:after { + font-size: 10px; +} /* === Form === */ /* === Input === */ :root { - --f7-label-font-size: 12px; + --f7-input-bg-color: transparent; --f7-label-font-weight: 400; --f7-label-line-height: 1.2; + --f7-input-padding-left: 0px; + --f7-input-padding-right: 0px; --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; + --f7-input-outline-height: 40px; + --f7-input-outline-border-color: #999; + --f7-input-outline-border-radius: 4px; + --f7-input-outline-padding-horizontal: 12px; + --f7-textarea-height: 100px; + /* + --f7-input-outline-focused-border-color: var(--f7-theme-color); + --f7-input-outline-invalid-border-color: var(--f7-input-error-text-color); + */ +} +:root .theme-dark, +:root.theme-dark { + --f7-input-outline-border-color: #444; } .ios { --f7-input-height: 44px; --f7-input-text-color: #000000; --f7-input-font-size: 17px; --f7-input-placeholder-color: #a9a9a9; + --f7-textarea-padding-vertical: 11px; /* --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-font-size: 12px; --f7-label-text-color: inherit; /* --f7-label-focused-text-color: var(--f7-label-text-color); @@ -8256,6 +9633,7 @@ html.with-panel-right-cover .panel-right { --f7-floating-label-scale: calc(17 / 12); --f7-inline-label-font-size: 17px; --f7-inline-label-line-height: 1.4; + --f7-inline-label-padding-top: 3px; --f7-input-info-text-color: #8e8e93; --f7-input-clear-button-size: 14px; --f7-input-clear-button-color: #8e8e93; @@ -8269,11 +9647,13 @@ html.with-panel-right-cover .panel-right { --f7-input-text-color: #212121; --f7-input-font-size: 16px; --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-textarea-padding-vertical: 7px; /* --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-font-size: 12px; --f7-label-text-color: rgba(0, 0, 0, 0.65); /* --f7-label-focused-text-color: var(--f7-theme-color); @@ -8282,8 +9662,9 @@ html.with-panel-right-cover .panel-right { --f7-floating-label-scale: calc(16 / 12); --f7-inline-label-font-size: 16px; --f7-inline-label-line-height: 1.5; + --f7-inline-label-padding-top: 7px; --f7-input-info-text-color: rgba(0, 0, 0, 0.45); - --f7-input-clear-button-size: 24px; + --f7-input-clear-button-size: 18px; --f7-input-clear-button-color: #aaa; } .md .theme-dark, @@ -8293,22 +9674,55 @@ html.with-panel-right-cover .panel-right { --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; +.aurora { + --f7-input-height: 24px; + --f7-input-text-color: #000000; + --f7-input-font-size: 13px; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.32); + --f7-textarea-padding-vertical: 2px; + /* + --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-font-size: 11px; + --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(13 / 11); + --f7-inline-label-font-size: 14px; + --f7-inline-label-line-height: 1.4; + --f7-inline-label-padding-top: 1px; + --f7-input-info-text-color: rgba(0, 0, 0, 0.5); + --f7-input-clear-button-size: 14px; + --f7-input-clear-button-color: #666; + --f7-input-outline-height: 32px; + --f7-input-outline-padding-horizontal: 8px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-input-text-color: #fff; + --f7-input-clear-button-color: #aaa; + --f7-input-placeholder-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; @@ -8346,6 +9760,9 @@ textarea { height: var(--f7-input-height); color: var(--f7-input-text-color); font-size: var(--f7-input-font-size); + background-color: var(--f7-input-bg-color, transparent); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right); } .list input[type="text"]::-webkit-input-placeholder, .list input[type="password"]::-webkit-input-placeholder, @@ -8405,7 +9822,12 @@ textarea { font-size: var(--f7-input-font-size); resize: none; line-height: 1.4; - height: 100px; + height: var(--f7-textarea-height); + background-color: var(--f7-input-bg-color, transparent); + padding-top: var(--f7-textarea-padding-vertical); + padding-bottom: var(--f7-textarea-padding-vertical); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right); } .list textarea::-webkit-input-placeholder { color: var(--f7-input-placeholder-color); @@ -8425,6 +9847,7 @@ textarea { .list input[type="datetime-local"] { max-width: 50vw; } +.list input[type="time"], .list input[type="date"], .list input[type="datetime-local"] { line-height: var(--f7-input-height); @@ -8448,12 +9871,14 @@ textarea { transition-property: transform, color; } .list .item-floating-label { - transform: scale(var(--f7-floating-label-scale)) translateY(calc(var(--f7-input-height) / 2)); + --label-height: calc(var(--f7-label-font-size) * var(--f7-label-line-height)); + transform: scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height) / 2 + 50%) / var(--f7-floating-label-scale))); color: var(--f7-input-placeholder-color); width: auto; max-width: calc(100% / var(--f7-floating-label-scale)); pointer-events: none; - transform-origin: right bottom; + right: var(--f7-input-padding-right); + transform-origin: right center; } .list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder { @@ -8508,7 +9933,9 @@ textarea { position: relative; } .item-input .item-inner { - display: block; + display: flex; + flex-direction: column; + align-items: flex-start; } .item-input-error-message, .input-error-message { @@ -8517,6 +9944,7 @@ textarea { color: var(--f7-input-error-text-color); font-weight: var(--f7-input-error-font-weight); display: none; + box-sizing: border-box; } .item-input-info, .input-info { @@ -8539,11 +9967,14 @@ textarea { .inline-labels .item-inner, .inline-label .item-inner { display: flex; + align-items: center; + flex-direction: row; } .inline-labels .item-label, .inline-label .item-label, .inline-labels .item-floating-label, .inline-label .item-floating-label { + padding-top: var(--f7-inline-label-padding-top); align-self: flex-start; width: 35%; font-size: var(--f7-inline-label-font-size); @@ -8613,6 +10044,9 @@ textarea { .item-input-wrap .input-clear-button { top: calc(var(--f7-input-height) / 2); } +.input-clear-button.active-state { + opacity: 0.75 !important; +} .input-with-value ~ .input-clear-button, .item-input-with-value .input-clear-button, .input-with-value .input-clear-button { @@ -8644,11 +10078,97 @@ textarea { .input-dropdown input, .input-dropdown-wrap textarea, .input-dropdown textarea { - padding-right: 20px; + padding-left: calc(20px + var(--f7-input-padding-left)); +} +.input-outline:after, +.item-input-outline .item-input-wrap:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + border: 1px solid var(--f7-input-outline-border-color); + border-radius: var(--f7-input-outline-border-radius); + transition-duration: 200ms; + pointer-events: none; +} +.input-outline.input-focused:after, +.item-input-outline.item-input-focused .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-focused-border-color, var(--f7-theme-color)); +} +.input-outline.input-invalid:after, +.item-input-outline.item-input-invalid .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-invalid-border-color, var(--f7-input-error-text-color)); +} +.input-outline input, +.item-input-outline input, +.list .item-input-outline input, +.input-outline textarea, +.item-input-outline textarea, +.list .item-input-outline textarea, +.input-outline select, +.item-input-outline select, +.list .item-input-outline select { + border-radius: var(--f7-input-outline-border-radius); + padding-left: var(--f7-input-outline-padding-horizontal); + padding-right: var(--f7-input-outline-padding-horizontal); +} +.input-outline.input-dropdown:before, +.item-input-outline .input-dropdown-wrap:before { + left: 8px; +} +.input-outline.input-dropdown input, +.item-input-outline .input-dropdown-wrap input, +.input-outline.input-dropdown textarea, +.item-input-outline .input-dropdown-wrap textarea, +.input-outline.input-dropdown select, +.item-input-outline .input-dropdown-wrap select { + padding-left: 20px; +} +.input-outline .input-clear-button, +.item-input-outline .input-clear-button { + left: 8px; +} +.item-input-outline { + --f7-input-height: var(--f7-input-outline-height); +} +.item-input-outline .item-inner:after { + display: none !important; +} +.item-input-outline .item-label { + right: var(--f7-input-outline-padding-horizontal); } -.ios .list textarea { - padding-top: 11px; - padding-bottom: 11px; +.inline-labels .item-input-outline .item-label, +.inline-label .item-input-outline .item-label, +.item-input-outline .inline-label .item-label, +.item-input-outline .inline-label.item-label { + right: 0; +} +.item-input-outline .item-floating-label { + right: calc(var(--f7-input-outline-padding-horizontal) - 4px); + padding-left: 4px; + padding-right: 4px; + background: var(--f7-page-bg-color); + z-index: 10; + margin-top: calc(-0.5 * (var(--f7-label-font-size) * var(--f7-label-line-height))); +} +.item-input-outline.item-input-with-value .item-floating-label, +.item-input-outline.item-input-focused .item-floating-label { + transform: scale(1) translateY(50%); +} +.item-input-outline .item-input-info, +.item-input-outline .item-input-error-message { + padding-right: var(--f7-input-outline-padding-horizontal); +} +.block-strong .item-input-outline .item-floating-label { + background: var(--f7-block-strong-bg-color); +} +.list .item-input-outline .item-floating-label { + background: var(--f7-list-bg-color); } .ios .item-label + .item-input-wrap, .ios .item-floating-label + .item-input-wrap { @@ -8664,12 +10184,6 @@ textarea { 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, @@ -8721,12 +10235,50 @@ textarea { margin-left: -22px; margin-top: -22px; } -.md .list textarea { - padding-top: 7px; - padding-bottom: 7px; +.ios .item-input-outline .item-input-wrap, +.ios .input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0; +} +.ios .item-input-outline .item-input-error-message, +.ios .input-outline .item-input-error-message, +.ios .item-input-outline .item-input-info, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-error-message, +.ios .input-outline .input-error-message, +.ios .item-input-outline .input-info, +.ios .input-outline .input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis; } -.md .item-input-wrap:after, -.md .input:after { +.ios .item-input-outline .item-input-info, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-info, +.ios .input-outline .input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.ios .item-input-outline .item-input-error-message, +.ios .input-outline .item-input-error-message, +.ios .item-input-outline .input-error-message, +.ios .input-outline .input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.ios .item-input-outline.item-input-with-info .item-input-wrap, +.ios .input-outline.item-input-with-info .item-input-wrap, +.ios .item-input-outline.input-with-info .item-input-wrap, +.ios .input-outline.input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.ios .item-input-outline.item-input-with-error-message .item-input-wrap, +.ios .input-outline.item-input-with-error-message .item-input-wrap, +.ios .item-input-outline.input-with-error-message .item-input-wrap, +.ios .input-outline.input-with-error-message .item-input-wrap { + margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.md .item-input:not(.item-input-outline) .item-input-wrap:after, +.md .input:not(.input-outline):after { content: ''; position: absolute; background-color: var(--f7-list-item-border-color); @@ -8741,8 +10293,8 @@ textarea { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } -.md .item-input-wrap:after, -.md .input:after { +.md .item-input:not(.item-input-outline) .item-input-wrap:after, +.md .input:not(.input-outline):after { transition-duration: 200ms; } .md .item-input-wrap { @@ -8759,12 +10311,6 @@ textarea { 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, @@ -8788,18 +10334,18 @@ textarea { .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 { +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after, +.md .input-focused:not(.input-outline):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 { +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after, +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after, +.md .input-invalid:not(.input-outline):after, +.md .input-focused:not(.input-outline):after { transform: scaleY(2) !important; } -.md .item-input-invalid .item-input-wrap:after, -.md .input-invalid:after { +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after, +.md .input-invalid:not(.input-outline):after { background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)); } .md .item-input-invalid .item-label, @@ -8825,11 +10371,106 @@ textarea { margin-left: -24px; margin-top: -24px; } +.aurora .item-label + .item-input-wrap, +.aurora .item-floating-label + .item-input-wrap { + margin-top: 0; +} +.aurora .item-input-focused .item-floating-label { + color: var(--f7-label-text-color); +} +.aurora .item-input .item-media { + align-self: flex-start; +} +.aurora .item-input-error-message, +.aurora .item-input-info, +.aurora .input-error-message, +.aurora .input-info { + position: relative; +} +.aurora .item-input-focused .item-label, +.aurora .item-input-focused .item-floating-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)); +} +.aurora .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)); +} +.aurora .item-input-invalid .item-label, +.aurora .item-input-invalid .item-floating-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)); +} +.aurora .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)); +} +.aurora .item-input-invalid input, +.aurora .input-invalid input, +.aurora .item-input-invalid select, +.aurora .input-invalid select, +.aurora .item-input-invalid textarea, +.aurora .input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)); +} +.aurora .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size) / (14 / 10)); + line-height: 1.4; +} +.aurora .input-clear-button:before { + width: 28px; + height: 28px; + margin-left: -14px; + margin-top: -14px; +} +.aurora .item-input-outline .item-input-wrap, +.aurora .input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0; +} +.aurora .item-input-outline .item-input-error-message, +.aurora .input-outline .item-input-error-message, +.aurora .item-input-outline .item-input-info, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-error-message, +.aurora .input-outline .input-error-message, +.aurora .item-input-outline .input-info, +.aurora .input-outline .input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis; +} +.aurora .item-input-outline .item-input-info, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-info, +.aurora .input-outline .input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.aurora .item-input-outline .item-input-error-message, +.aurora .input-outline .item-input-error-message, +.aurora .item-input-outline .input-error-message, +.aurora .input-outline .input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} +.aurora .item-input-outline.item-input-with-info .item-input-wrap, +.aurora .input-outline.item-input-with-info .item-input-wrap, +.aurora .item-input-outline.input-with-info .item-input-wrap, +.aurora .input-outline.input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)); +} +.aurora .item-input-outline.item-input-with-error-message .item-input-wrap, +.aurora .input-outline.item-input-with-error-message .item-input-wrap, +.aurora .item-input-outline.input-with-error-message .item-input-wrap, +.aurora .input-outline.input-with-error-message .item-input-wrap { + margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height)); +} /* === Checkbox === */ :root { /* --f7-checkbox-active-color: var(--f7-theme-color); */ --f7-checkbox-icon-color: #fff; } +:root .theme-dark, +:root.theme-dark { + --f7-checkbox-inactive-color: rgba(255, 255, 255, 0.3); +} .ios { --f7-checkbox-size: 22px; --f7-checkbox-border-radius: 50%; @@ -8844,6 +10485,13 @@ textarea { --f7-checkbox-inactive-color: #6d6d6d; --f7-checkbox-extra-margin: 22px; } +.aurora { + --f7-checkbox-size: 14px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 1px; + --f7-checkbox-inactive-color: #888; + --f7-checkbox-extra-margin: 0px; +} .checkbox { position: relative; display: inline-block; @@ -8892,18 +10540,45 @@ textarea { opacity: 0; color: var(--f7-checkbox-icon-color); position: relative; + transition-property: opacity; +} +label.item-checkbox input[type="checkbox"]:not(:checked) ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:not(:checked) ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:not(:checked) ~ i:after { + font-size: 0; } label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox, -.checkbox input[type="checkbox"]:checked ~ i { +.checkbox input[type="checkbox"]:checked ~ i, +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox, +.checkbox input[type="checkbox"]:indeterminate ~ 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 { +.checkbox input[type="checkbox"]:checked ~ i:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:indeterminate ~ i:after { opacity: 1; } +label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.checkbox input[type="checkbox"]:indeterminate ~ i:after { + font-size: 0; + content: ''; + position: absolute; + top: 50%; + width: 70%; + background: #fff; + height: 2px; + border-radius: 2px; + margin-top: -1px; + left: 15%; + transition: 0ms; +} label.item-checkbox, .checkbox { cursor: pointer; @@ -8945,6 +10620,12 @@ label.item-checkbox.disabled, .ios label.item-checkbox.active-state { transition-duration: 0ms; } +.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after, +.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after, +.ios .checkbox input[type="checkbox"]:indeterminate ~ i:after { + height: 1px; + margin-top: 0px; +} .md .icon-checkbox, .md .checkbox i { transition-duration: 200ms; @@ -8960,6 +10641,36 @@ label.item-checkbox.disabled, overflow: hidden; z-index: 0; } +.aurora .icon-checkbox, +.aurora .checkbox i { + transition-duration: 150ms; +} +.aurora .icon-checkbox:after, +.aurora .checkbox i:after { + content: 'checkbox_aurora'; + transition-duration: 150ms; + font-size: 19px; +} +.aurora .icon-checkbox:before, +.aurora .checkbox i:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.1); + opacity: 0; + transition-duration: 150ms; +} +.aurora .checkbox.active-state i:before { + opacity: 1; +} +.aurora label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0; +} /* === Radio === */ :root { /* @@ -8967,6 +10678,10 @@ label.item-checkbox.disabled, */ --f7-radio-border-radius: 50%; } +:root .theme-dark, +:root.theme-dark { + --f7-radio-inactive-color: rgba(255, 255, 255, 0.3); +} .ios { --f7-radio-size: 22px; --f7-radio-border-width: 1px; @@ -8979,6 +10694,12 @@ label.item-checkbox.disabled, --f7-radio-inactive-color: #6d6d6d; --f7-radio-extra-margin: 22px; } +.aurora { + --f7-radio-size: 16px; + --f7-radio-border-width: 1px; + --f7-radio-inactive-color: #888; + --f7-radio-extra-margin: 0px; +} .radio { position: relative; display: inline-block; @@ -8996,7 +10717,8 @@ label.item-checkbox.disabled, flex-shrink: 0; } .radio .icon-radio, -.md .icon-radio { +.md .icon-radio, +.aurora .icon-radio { border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color); } label.item-radio, @@ -9112,21 +10834,73 @@ label.item-radio.disabled, .md label.item-radio > .icon-radio { margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); } +.aurora .icon-radio { + transition-duration: 150ms; + overflow: hidden; +} +.aurora .icon-radio:after { + content: ''; + position: absolute; + width: 6px; + height: 6px; + left: 50%; + top: 50%; + margin-left: -3px; + margin-top: -3px; + background-color: #fff; + border-radius: 50%; + transform: scale(0); + transition-duration: 150ms; +} +.aurora .icon-radio:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.1); + opacity: 0; + transition-duration: 150ms; +} +.aurora .radio.active-state i:before { + opacity: 1; +} +.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio, +.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio, +.aurora .radio input[type="radio"]:checked ~ .icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); +} +.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio:after, +.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio:after, +.aurora .radio input[type="radio"]:checked ~ .icon-radio:after { + transform: scale(1); +} +.aurora label.item-radio { + position: relative; + overflow: hidden; + z-index: 0; +} +.aurora label.item-radio > .icon-radio { + margin-left: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); +} /* === Toggle === */ -.ios { +:root { --f7-toggle-handle-color: #fff; +} +.ios { --f7-toggle-width: 52px; --f7-toggle-height: 32px; - --f7-toggle-border-color-ios: #e5e5e5; + --f7-toggle-border-color: #e5e5e5; --f7-toggle-inactive-color: #fff; } .ios .theme-dark, .ios.theme-dark { - --f7-toggle-border-color-ios: #555; + --f7-toggle-border-color: #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; @@ -9135,6 +10909,15 @@ label.item-radio.disabled, .md.theme-dark { --f7-toggle-inactive-color: #555; } +.aurora { + --f7-toggle-width: 40px; + --f7-toggle-height: 20px; + --f7-toggle-inactive-color: #aaa; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-toggle-inactive-color: #555; +} .toggle, .toggle-icon { width: var(--f7-toggle-width); @@ -9194,7 +10977,7 @@ label.item-radio.disabled, transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height)))); } .ios .toggle-icon { - background: var(--f7-toggle-border-color-ios); + background: var(--f7-toggle-border-color); } .ios .toggle-icon:before { position: absolute; @@ -9244,13 +11027,35 @@ label.item-radio.disabled, border-radius: var(--f7-toggle-height); right: 0; } +.aurora .toggle input[type="checkbox"]:checked + .toggle-icon { + background: var(--f7-toggle-active-color, var(--f7-theme-color)); +} +.aurora .toggle input[type="checkbox"]:checked + .toggle-icon:after { + transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height)))); +} +.aurora .toggle-icon { + background: var(--f7-toggle-inactive-color); +} +.aurora .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + right: 2px; + border-radius: calc(var(--f7-toggle-height) - 4px); +} /* === Range Slider === */ -.ios { - --f7-range-size: 28px; - --f7-range-bar-bg-color: #b7b8b7; +:root { /* --f7-range-bar-active-bg-color: var(--f7-theme-color); */ + --f7-range-scale-step-height: 5px; + --f7-range-scale-text-color: #666; + --f7-range-scale-substep-width: 1px; + --f7-range-scale-substep-height: 4px; +} +.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; @@ -9260,28 +11065,23 @@ label.item-radio.disabled, --f7-range-label-text-color: #000; --f7-range-label-bg-color: #fff; --f7-range-label-font-size: 12px; + --f7-range-label-font-weight: normal; --f7-range-label-border-radius: 5px; + --f7-range-label-padding: 0px; /* --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; @@ -9290,36 +11090,64 @@ label.item-radio.disabled, */ --f7-range-knob-box-shadow: none; --f7-range-label-size: 26px; + --f7-range-label-font-weight: normal; --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-label-padding: 0px; /* --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; +} +.aurora { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #c7c7c7; + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 16px; + /* + --f7-range-knob-color: var(--f7-theme-color); + */ + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 20px; + --f7-range-label-text-color: #fff; + /* + --f7-range-label-bg-color: var(--f7-theme-color); + */ + --f7-range-label-font-size: 10px; + --f7-range-label-font-weight: 600; + --f7-range-label-border-radius: 4px; + --f7-range-label-padding: 0px 4px; + /* + --f7-range-scale-bg-color: var(--f7-range-bar-bg-color); + */ + --f7-range-scale-step-width: 2px; + --f7-range-scale-font-size: 11px; + --f7-range-scale-font-weight: 500; + --f7-range-scale-label-offset: 2px; + /* + --f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color); + */ +} +.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; @@ -9423,6 +11251,7 @@ label.item-radio.disabled, text-align: center; transition-duration: 120ms; transition-property: transform; + box-sizing: border-box; transform: translateY(100%) scale(0); height: var(--f7-range-label-size); line-height: var(--f7-range-label-size); @@ -9430,7 +11259,9 @@ label.item-radio.disabled, 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); + font-weight: var(--f7-range-label-font-weight); border-radius: var(--f7-range-label-border-radius); + padding: var(--f7-range-label-padding); } .range-knob-active-state .range-knob-label { transform: translateY(0%) scale(1); @@ -9554,11 +11385,19 @@ label.item-radio.disabled, .md .range-slider-label .range-knob-active-state .range-knob { transform: scale(0); } +.aurora .range-knob-label { + margin-bottom: 6px; + transform: translateX(-50%) translateY(100%) scale(0); +} +.aurora .range-knob-active-state .range-knob-label { + transform: translateX(-50%) translateY(0%) scale(1); +} /* === 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-value-text-color: var(--f7-theme-color); */ --f7-stepper-fill-button-text-color: #fff; /* @@ -9598,11 +11437,30 @@ label.item-radio.disabled, .md.theme-dark { --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-stepper-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-stepper-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-stepper-height: 28px; + --f7-stepper-border-radius: 4px; + /* + --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); + --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); + */ + --f7-stepper-border-width: 2px; + --f7-stepper-large-height: 34px; + --f7-stepper-small-border-width: 1px; + --f7-stepper-small-height: 22px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-value-font-weight: 500; +} .stepper { display: inline-flex; align-items: stretch; height: var(--f7-stepper-height); border-radius: var(--f7-stepper-border-radius); + flex-direction: row-reverse; } .stepper-button, .stepper-button-minus, @@ -9632,12 +11490,12 @@ label.item-radio.disabled, .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; + 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: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius); + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0; } .stepper-button .icon, .stepper-button-minus .icon, @@ -9653,7 +11511,7 @@ label.item-radio.disabled, .stepper-button + .stepper-button-plus, .stepper-button-minus + .stepper-button-plus, .stepper-button-plus + .stepper-button-plus { - border-right: none; + border-left: none; } .stepper-button-plus, .stepper-button-minus { @@ -9695,25 +11553,27 @@ label.item-radio.disabled, 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 .stepper-input-wrap input, .stepper-value { width: 45px; - color: var(--f7-theme-color); + color: var(--f7-stepper-value-text-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 { +.stepper .stepper-input-wrap input { height: 100%; } .stepper-round, .ios .stepper-round-ios, -.md .stepper-round-md { +.md .stepper-round-md, +.aurora .stepper-round-aurora { --f7-stepper-border-radius: var(--f7-stepper-height); } .stepper-fill, .ios .stepper-fill-ios, -.md .stepper-fill-md { +.md .stepper-fill-md, +.aurora .stepper-fill-aurora { --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); @@ -9721,42 +11581,52 @@ label.item-radio.disabled, .stepper-fill .stepper-button + .stepper-button, .ios .stepper-fill-ios .stepper-button + .stepper-button, .md .stepper-fill-md .stepper-button + .stepper-button, +.aurora .stepper-fill-aurora .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, +.aurora .stepper-raised-aurora .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, +.aurora .stepper-fill-aurora .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); +.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus, +.aurora .stepper-raised-aurora .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, +.aurora .stepper-fill-aurora .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); +.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state, +.aurora .stepper-fill-aurora .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, +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):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 { +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value, +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):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 { +.md .stepper-large-md, +.aurora .stepper-large-aurora { --f7-stepper-height: var(--f7-stepper-large-height); } .stepper-small, .ios .stepper-small-ios, -.md .stepper-small-md { +.md .stepper-small-md, +.aurora .stepper-small-aurora { --f7-stepper-border-width: var(--f7-stepper-small-border-width); --f7-stepper-height: var(--f7-stepper-small-height); } @@ -9767,7 +11637,8 @@ label.item-radio.disabled, } .stepper-raised, .ios .stepper-raised-ios, -.md .stepper-raised-md { +.md .stepper-raised-md, +.aurora .stepper-raised-aurora { --f7-stepper-border-width: 0; box-shadow: var(--f7-stepper-raised-box-shadow); } @@ -9820,6 +11691,23 @@ label.item-radio.disabled, .md .stepper-fill-md { --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .stepper-button, +.aurora .stepper-button-minus, +.aurora .stepper-button-plus { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); + overflow: hidden; +} +.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-stepper-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .stepper-fill, +.aurora .stepper-fill-aurora { + --f7-stepper-button-hover-bg-color: var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint)); + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)); +} /* === Smart Select === */ .smart-select :root { /* @@ -9879,6 +11767,9 @@ label.item-radio.disabled, .md { --f7-grid-gap: 16px; } +.aurora { + --f7-grid-gap: 15px; +} .row { display: flex; justify-content: space-between; @@ -10382,6 +12273,13 @@ label.item-radio.disabled, --f7-calendar-week-header-bg-color: var(--f7-bars-bg-color); --f7-calendar-week-header-text-color: var(--f7-bars-text-color); */ + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-day-text-color: #000; + --f7-calendar-selected-text-color: #fff; + /* + --f7-calendar-selected-bg-color: var(--f7-theme-color); + */ --f7-calendar-prev-next-text-color: #b8b8b8; --f7-calendar-disabled-text-color: #d4d4d4; --f7-calendar-event-dot-size: 4px; @@ -10389,6 +12287,12 @@ label.item-radio.disabled, --f7-calendar-event-bg-color: var(--f7-theme-color); */ } +:root .theme-dark, +:root.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #171717; + --f7-calendar-sheet-bg-color: #171717; +} .ios { --f7-calendar-sheet-border-color: #929499; --f7-calendar-header-height: 44px; @@ -10397,26 +12301,16 @@ label.item-radio.disabled, --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; @@ -10429,29 +12323,41 @@ label.item-radio.disabled, --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); } +.aurora { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 38px; + --f7-calendar-header-font-size: 14px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 38px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-row-border-color: #e3e3e3; + --f7-calendar-day-font-size: 13px; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3; + --f7-calendar-day-size: 30px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333; +} .calendar { overflow: hidden; height: var(--f7-calendar-height); @@ -10722,6 +12628,8 @@ label.item-radio.disabled, width: 50%; max-width: 200px; flex-shrink: 10; + margin-left: auto; + margin-right: auto; } .calendar-month-selector .calendar-day-number, .calendar-year-selector .calendar-day-number { @@ -10754,7 +12662,7 @@ label.item-radio.disabled, .ios.theme-dark { --f7-picker-divider-text-color: #fff; --f7-picker-item-selected-text-color: #fff; - --f7-picker-item-selected-border-color: #282829; + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06); } .md { --f7-picker-column-font-size: 20px; @@ -10768,6 +12676,20 @@ label.item-radio.disabled, --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15); } +.aurora { + --f7-picker-column-font-size: 16px; + --f7-picker-divider-text-color: #000; + --f7-picker-item-height: 28px; + --f7-picker-item-text-color: #888; + --f7-picker-item-selected-text-color: #000; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.12); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-text-color: #fff; + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06); +} .picker { width: 100%; height: var(--f7-picker-height); @@ -10856,6 +12778,7 @@ label.item-radio.disabled, box-sizing: border-box; transition: 300ms; color: var(--f7-picker-item-text-color); + cursor: pointer; } .picker-item span { padding: 0 10px; @@ -10950,6 +12873,10 @@ label.item-radio.disabled, margin-top: 32px; margin-bottom: 32px; } +.aurora .infinite-scroll-preloader { + margin-top: 15px; + margin-bottom: 15px; +} /* === PTR === */ .ios { --f7-ptr-preloader-size: 20px; @@ -10959,6 +12886,10 @@ label.item-radio.disabled, --f7-ptr-preloader-size: 22px; --f7-ptr-size: 40px; } +.aurora { + --f7-ptr-preloader-size: 20px; + --f7-ptr-size: 38px; +} .ptr-preloader { position: relative; top: var(--f7-ptr-top, 0); @@ -11078,14 +13009,14 @@ label.item-radio.disabled, --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); + right: 50%; + margin-right: calc(-1 * var(--f7-ptr-size) / 2); } .md .ptr-preloader .preloader .preloader-inner-gap, .md .ptr-preloader .preloader .preloader-inner-half-circle { @@ -11155,6 +13086,101 @@ label.item-radio.disabled, .md .ptr-bottom.ptr-refreshing .ptr-preloader { transform: translate3d(0, -66px, 0); } +.aurora .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0; +} +.aurora .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); +} +.aurora .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: 8px; + content: 'ptr_arrow_ios'; +} +.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none; +} +.aurora .ptr-transitioning, +.aurora .ptr-refreshing { + transition-duration: 300ms; + transition-property: transform; +} +.aurora .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0); +} +.aurora .ptr-refreshing .ptr-arrow { + visibility: hidden; +} +.aurora .ptr-refreshing .ptr-preloader .preloader { + visibility: visible; +} +.aurora .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.aurora .ptr-no-navbar { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)); +} +.aurora .ptr-no-navbar .ptr-preloader { + margin-top: 0; +} +.aurora .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)); +} +.aurora .ptr-bottom.ptr-transitioning > *, +.aurora .ptr-bottom.ptr-refreshing > * { + transition-duration: 300ms; + transition-property: transform; +} +.aurora .ptr-bottom.ptr-refreshing { + transform: none; +} +.aurora .ptr-bottom.ptr-refreshing > * { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0); +} +.aurora .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0); +} +.aurora .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0); +} /* === Images Lazy Loading === */ .lazy-loaded.lazy-fade-in { animation: lazyFadeIn 600ms; @@ -11175,6 +13201,14 @@ label.item-radio.disabled, --f7-table-input-height: 24px; --f7-table-input-font-size: 14px; --f7-table-collapsible-cell-padding: 15px; + --f7-table-link-icon-only-icon-size: 20px; + --f7-table-sortable-icon-color: #000; +} +:root .theme-dark, +:root.theme-dark { + --f7-table-cell-border-color: #282829; + --f7-table-sortable-icon-color: #fff; + --f7-table-input-text-color: #fff; } .ios { --f7-table-head-font-weight: 600; @@ -11196,15 +13230,11 @@ label.item-radio.disabled, --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; @@ -11226,24 +13256,50 @@ label.item-radio.disabled, --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; +} +.aurora { + --f7-table-link-icon-only-icon-size: 18px; + --f7-table-head-font-weight: 400; + --f7-table-head-text-color: rgba(0, 0, 0, 0.6); + --f7-table-head-cell-height: 32px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 32px; + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-cell-padding-vertical: 5px; + --f7-table-cell-padding-horizontal: 10px; + --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: rgba(0, 0, 0, 0.03); + /* --f7-table-actions-link-color: var(--f7-theme-color); */ + --f7-table-title-font-size: 14px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 42px; + --f7-table-footer-height: 32px; + --f7-table-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-table-input-text-color: #000; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03); + --f7-table-head-text-color: rgba(255, 255, 255, 0.52); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.52); } .data-table { overflow-x: auto; } -.data-table table { +.data-table table, +table.data-table { width: 100%; border: none; padding: 0; @@ -11284,7 +13340,8 @@ label.item-radio.disabled, .device-desktop .data-table tbody tr:hover { background: var(--f7-table-selected-row-bg-color); } -.data-table tbody td:before { +.data-table tbody td:before, +.data-table tbody th:before { content: ''; position: absolute; background-color: var(--f7-table-cell-border-color); @@ -11377,7 +13434,7 @@ label.item-radio.disabled, .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; + font-size: var(--f7-table-link-icon-only-icon-size); vertical-align: middle; } .data-table .sortable-cell:not(.input-cell) { @@ -11452,7 +13509,7 @@ label.item-radio.disabled, } .data-table.card .card-header, .card .data-table .card-header { - height: var(--f7-table-card-header-height); + min-height: var(--f7-table-card-header-height); } .data-table.card .card-content, .card .data-table .card-content { @@ -11460,7 +13517,7 @@ label.item-radio.disabled, } .data-table.card .card-footer, .card .data-table .card-footer { - height: var(--f7-table-footer-height); + min-height: var(--f7-table-footer-height); } .data-table .data-table-title { font-size: var(--f7-table-title-font-size); @@ -11524,7 +13581,7 @@ label.item-radio.disabled, position: relative; font-size: var(--f7-table-footer-font-size); overflow: hidden; - height: var(--f7-table-footer-height); + min-height: var(--f7-table-footer-height); color: var(--f7-table-footer-text-color); justify-content: flex-start; } @@ -11600,6 +13657,8 @@ label.item-radio.disabled, .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); + height: auto; + min-height: var(--f7-table-body-cell-height); display: flex; align-content: center; align-items: center; @@ -11751,6 +13810,36 @@ label.item-radio.disabled, .md .input-cell .input-clear-button { transform: scale(0.8); } +.aurora .data-table th.actions-cell a.link + a.link, +.aurora .data-table td.actions-cell a.link + a.link { + margin-right: 10px; +} +.aurora .sortable-cell:not(.numeric-cell):after { + margin-right: 5px; +} +.aurora .sortable-cell.numeric-cell:before { + margin-left: 5px; +} +.aurora .data-table-links a.link + a.link, +.aurora .data-table-actions a.link + a.link, +.aurora .data-table-links .button + .button, +.aurora .data-table-actions .button + .button { + margin-right: 10px; +} +.aurora .data-table-rows-select a.link, +.aurora .data-table-pagination a.link { + width: 32px; + height: 32px; +} +.aurora .data-table-rows-select + .data-table-pagination { + margin-right: 15px; +} +.aurora .data-table-rows-select .input { + margin-right: 10px; +} +.aurora .data-table-pagination-label { + margin-left: 10px; +} /* === FAB === */ :root { --f7-fab-text-color: #fff; @@ -11761,6 +13850,7 @@ label.item-radio.disabled, --f7-fab-label-border-radius: 4px; --f7-fab-label-padding: 4px 12px; --f7-fab-button-size: 40px; + /* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */ } .ios { --f7-fab-size: 50px; @@ -11770,7 +13860,7 @@ label.item-radio.disabled, --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); */ + --f7-fab-label-font-size: inherit; } .md { --f7-fab-size: 56px; @@ -11780,7 +13870,17 @@ label.item-radio.disabled, --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); */ + --f7-fab-label-font-size: inherit; +} +.aurora { + --f7-fab-size: 40px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-margin: 15px; + --f7-fab-extended-size: 38px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + --f7-fab-label-font-size: 12px; } .fab { position: absolute; @@ -12050,6 +14150,7 @@ label.item-radio.disabled, white-space: nowrap; transform: translateY(-50%); pointer-events: none; + font-size: var(--f7-fab-label-font-size); } .fab[class*="fab-right-"] .fab-label { right: 100%; @@ -12124,7 +14225,15 @@ label.item-radio.disabled, /* --f7-searchbar-link-color: var(--f7-bars-link-color); */ -} + --f7-searchbar-input-border-width: 0px; + --f7-searchbar-input-border-color: transparent; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-placeholder-color: #939398; +} +:root .theme-dark, +:root.theme-dark { + --f7-searchbar-input-text-color: #fff; +} .ios { /* --f7-searchbar-bg-image: var(--f7-bars-bg-image); @@ -12132,18 +14241,21 @@ label.item-radio.disabled, --f7-searchbar-border-color: var(--f7-bars-border-color); */ --f7-searchbar-height: 44px; + --f7-searchbar-inner-padding-left: 8px; + --f7-searchbar-inner-padding-right: 8px; /* --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-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + --f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal); --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color); */ --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); @@ -12151,32 +14263,80 @@ label.item-radio.disabled, --f7-searchbar-in-page-content-margin: 0px; --f7-searchbar-in-page-content-box-shadow: none; --f7-searchbar-in-page-content-border-radius: 0; + --f7-searchbar-in-page-content-input-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-inner-padding-left: 0px; + --f7-searchbar-inner-padding-right: 0px; --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-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + */ + --f7-searchbar-inline-input-padding-horizontal: 24px; --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; + --f7-searchbar-in-page-content-input-border-radius: 4px; +} +.md .theme-dark, +.md.theme-dark { + --f7-searchbar-bg-color: #222222; + --f7-searchbar-input-bg-color: #222222; +} +.aurora { + /* + --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: 38px; + --f7-searchbar-inner-padding-left: 8px; + --f7-searchbar-inner-padding-right: 8px; + /* + --f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color)); + */ + --f7-searchbar-search-icon-color: #939398; + --f7-searchbar-input-font-size: 13px; + --f7-searchbar-input-bg-color: #fff; + --f7-searchbar-input-border-radius: 4px; + --f7-searchbar-input-height: 24px; + --f7-searchbar-input-padding-horizontal: 24px; + /* + --f7-searchbar-inline-input-font-size: var(--f7-searchbar-input-font-size); + --f7-searchbar-inline-input-height: var(--f7-searchbar-input-height); + --f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal; + --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; + /* + --f7-searchbar-in-page-content-input-border-radius: var(--f7-searchbar-input-border-radius); + */ +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-searchbar-input-bg-color: #333; } .searchbar { width: 100%; @@ -12185,7 +14345,6 @@ label.item-radio.disabled, 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 { @@ -12209,10 +14368,10 @@ label.item-radio.disabled, transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } -.page > .searchbar { +.page > .searchbar:not(.searchbar-inline) { z-index: 510; } -.page > .searchbar:before { +.page > .searchbar:not(.searchbar-inline):before { content: ''; position: absolute; right: 0; @@ -12221,7 +14380,7 @@ label.item-radio.disabled, bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-searchbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-searchbar-shadow-image); } .searchbar input[type="text"], .searchbar input[type="search"] { @@ -12229,7 +14388,7 @@ label.item-radio.disabled, width: 100%; height: 100%; display: block; - border: none; + border: var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -12241,8 +14400,8 @@ label.item-radio.disabled, 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); + padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right, 0px)); + padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left, 0px)); } .searchbar input[type="text"]::-webkit-input-placeholder, .searchbar input[type="search"]::-webkit-input-placeholder { @@ -12277,21 +14436,21 @@ label.item-radio.disabled, .searchbar a { color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); } -.page > .searchbar { +.page > .searchbar:not(.searchbar-inline) { position: absolute; left: 0; top: 0; } -.page-content .searchbar { +.page-content .searchbar:not(.searchbar-inline) { 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); +.page-content .searchbar:not(.searchbar-inline) .searchbar-inner, +.page-content .searchbar:not(.searchbar-inline) input[type="text"], +.page-content .searchbar:not(.searchbar-inline) input[type="search"] { + border-radius: var(--f7-searchbar-in-page-content-input-border-radius, var(--f7-searchbar-input-border-radius)); } .searchbar .input-clear-button { color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)); @@ -12325,6 +14484,7 @@ label.item-radio.disabled, display: flex; align-items: center; box-sizing: border-box; + padding: 0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left)); } .searchbar-disable-button { cursor: pointer; @@ -12424,77 +14584,57 @@ label.item-radio.disabled, 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 > .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-with-navbar-large > .navbar ~ .searchbar ~ * .page-content, -.page-with-navbar-large > .navbar ~ .searchbar ~ .page-content, -.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ .page-content, -.navbar ~ .page-with-navbar-large:not(.no-navbar) > .searchbar ~ * .page-content { - padding-top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-height)); +.searchbar ~ * { + --f7-page-searchbar-offset: var(--f7-searchbar-height); } .page > .toolbar-top ~ .searchbar, .ios .page > .toolbar-top-ios ~ .searchbar, -.md .page > .toolbar-top-md ~ .searchbar { +.md .page > .toolbar-top-md ~ .searchbar, +.aurora .page > .toolbar-top-aurora ~ .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 { +.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar, +.aurora .page > .tabbar-labels.toolbar-top-aurora ~ .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 { +.md .page > .navbar ~ .toolbar-top-md ~ .searchbar, +.aurora .page > .navbar ~ .toolbar-top-aurora ~ .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 { +.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar, +.aurora .page > .navbar ~ .tabbar-labels.toolbar-top-aurora ~ .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)); +.searchbar.searchbar-inline { + width: auto; + height: auto; + background-color: transparent; + background-image: none; +} +.searchbar.searchbar-inline:after, +.searchbar.searchbar-inline:before { + display: none !important; +} +.searchbar.searchbar-inline .searchbar-input-wrap { + height: var(--f7-searchbar-inline-input-height, var(--f7-searchbar-input-height)); } -.ios { - --f7-searchbar-input-padding-left: var(--f7-searchbar-input-padding-horizontal); - --f7-searchbar-input-padding-right: var(--f7-searchbar-input-padding-horizontal); +.searchbar.searchbar-inline .searchbar-inner { + padding: 0; + position: static; + width: auto; + height: auto; +} +.searchbar.searchbar-inline input[type="text"], +.searchbar.searchbar-inline input[type="search"] { + font-size: var(--f7-searchbar-inline-input-font-size, var(--f7-searchbar-input-font-size)); + padding-left: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right, 0px)); + padding-right: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left, 0px)); } .ios .searchbar input[type="search"], .ios .searchbar input[type="text"] { @@ -12504,9 +14644,6 @@ label.item-radio.disabled, 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; @@ -12570,13 +14707,6 @@ label.item-radio.disabled, 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; @@ -12602,7 +14732,6 @@ label.item-radio.disabled, 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: ''; @@ -12655,12 +14784,14 @@ label.item-radio.disabled, opacity: 0; transform: rotate(90deg) scale(0.5); } +.md .searchbar { + --f7-searchbar-input-extra-padding-left: 17px; +} .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: ''; @@ -12693,7 +14824,7 @@ label.item-radio.disabled, .md .page > .searchbar, .md .subnavbar .searchbar, .md .searchbar-expandable { - --f7-searchbar-input-padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 17px + 8px); + --f7-searchbar-input-extra-padding-left: calc(17px + 8px); } .md .page > .searchbar .searchbar-icon, .md .subnavbar .searchbar .searchbar-icon, @@ -12725,6 +14856,68 @@ label.item-radio.disabled, right: 0; margin-right: 0; } +.aurora .searchbar input[type="search"], +.aurora .searchbar input[type="text"] { + z-index: 30; +} +.aurora .searchbar .input-clear-button { + z-index: 40; + left: 4px; +} +.aurora .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + right: 6px; +} +.aurora .searchbar-icon:after { + content: 'search_aurora'; + line-height: 13px; +} +.aurora .searchbar-disable-button { + font-size: 14px; + 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; +} +.aurora .searchbar-disable-button.active-state { + transition-duration: 0ms; + opacity: 0.3 !important; +} +.aurora .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-right: 8px; +} +.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: 300ms !important; +} +.aurora .searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + right: 0; + top: 0; + opacity: 0; + width: 100%; + transform: translate3d(0, 0%, 0); + overflow: hidden; +} +.aurora .searchbar-expandable .searchbar-disable-button { + margin-right: 8px; + opacity: 1; + display: block; +} +.aurora .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size); +} +.aurora .searchbar-expandable.searchbar-enabled { + opacity: 1; + pointer-events: auto; +} /* === Messages === */ :root { --f7-messages-content-bg-color: #fff; @@ -12738,7 +14931,10 @@ label.item-radio.disabled, --f7-message-header-font-size: 12px; --f7-message-footer-font-size: 11px; --f7-message-name-font-size: 12px; + --f7-message-name-font-weight: inherit; --f7-message-typing-indicator-bg-color: #000; + --f7-message-avatar-border-radius: 50%; + --f7-messages-title-font-weight: inherit; /* --f7-message-sent-bg-color: var(--f7-theme-color); */ @@ -12746,6 +14942,13 @@ label.item-radio.disabled, --f7-message-received-bg-color: #e5e5ea; --f7-message-received-text-color: #000; } +:root .theme-dark, +:root.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; +} .ios { --f7-messages-title-text-color: #8e8e93; --f7-messages-title-font-size: 11px; @@ -12754,19 +14957,13 @@ label.item-radio.disabled, --f7-message-name-text-color: #8e8e93; --f7-message-avatar-size: 29px; --f7-message-margin: 10px; + --f7-message-bubble-min-height: 32px; --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; @@ -12775,6 +14972,7 @@ label.item-radio.disabled, --f7-message-name-text-color: rgba(0, 0, 0, 0.51); --f7-message-avatar-size: 32px; --f7-message-margin: 16px; + --f7-message-bubble-min-height: 32px; --f7-message-bubble-font-size: 16px; --f7-message-bubble-border-radius: 4px; --f7-message-bubble-padding-vertical: 6px; @@ -12783,14 +14981,33 @@ label.item-radio.disabled, } .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; +} +.aurora { + --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: 24px; + --f7-message-margin: 10px; + --f7-message-bubble-min-height: 28px; + --f7-message-bubble-font-size: 13px; + --f7-message-bubble-line-height: 1.4; + --f7-message-bubble-border-radius: 14px; + --f7-message-bubble-padding-vertical: 5px; + --f7-message-bubble-padding-horizontal: 10px; + --f7-message-typing-indicator-opacity: 0.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-messages-title-text-color: rgba(255, 255, 255, 0.52); + --f7-message-header-text-color: rgba(255, 255, 255, 0.52); + --f7-message-name-text-color: rgba(255, 255, 255, 0.52); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.52); } .messages-content, .messages { @@ -12817,6 +15034,7 @@ label.item-radio.disabled, line-height: 1; color: var(--f7-messages-title-text-color); font-size: var(--f7-messages-title-font-size); + font-weight: var(--f7-messages-title-font-weight); } .message { max-width: 70%; @@ -12828,7 +15046,7 @@ label.item-radio.disabled, transform: translate3d(0, 0, 0); } .message-avatar { - border-radius: 50%; + border-radius: var(--f7-message-avatar-border-radius); position: relative; background-size: cover; align-self: flex-end; @@ -12858,6 +15076,7 @@ label.item-radio.disabled, .message-name { color: var(--f7-message-name-text-color); font-size: var(--f7-message-name-font-size); + font-weight: var(--f7-message-name-font-weight); } .message-bubble { box-sizing: border-box; @@ -12869,7 +15088,7 @@ label.item-radio.disabled, 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; + min-height: var(--f7-message-bubble-min-height); } .message-image img { display: block; @@ -13184,15 +15403,136 @@ label.item-radio.disabled, transform: translateY(0%); } } +.aurora .messages-title b, +.aurora .message-header b, +.aurora .message-footer b, +.aurora .message-name b { + font-weight: 500; +} +.aurora .message-header, +.aurora .message-name { + margin-bottom: 2px; +} +.aurora .message-footer { + margin-top: 2px; +} +.aurora .message-text-header { + margin-bottom: 2px; +} +.aurora .message-text-footer { + margin-top: 2px; +} +.aurora .message-received.message-tail .message-bubble:before, +.aurora .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0; +} +.aurora .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px); +} +.aurora .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px); +} +.aurora .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); +} +.aurora .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px); +} +.aurora .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); +} +.aurora .message-received { + margin-left: calc(15px + var(--f7-safe-area-left)); +} +.aurora .message-received .message-avatar + .message-content { + margin-left: 5px; +} +.aurora .message-received .message-header, +.aurora .message-received .message-footer, +.aurora .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal); +} +.aurora .message-received.message-tail .message-bubble:before { + border-left: 6px solid transparent; + border-right: 0 solid transparent; + border-bottom: 6px solid var(--f7-message-received-bg-color); + right: 100%; + transform: translate(2px, 0px) rotate(-15deg); + transform-origin: right bottom; +} +.aurora .message-sent { + margin-right: calc(15px + var(--f7-safe-area-right)); +} +.aurora .message-sent .message-avatar + .message-content { + margin-right: 5px; +} +.aurora .message-sent .message-header, +.aurora .message-sent .message-footer, +.aurora .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal); +} +.aurora .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100%; + transform: translate(-2px, 0px) rotate(15deg); + transform-origin: left bottom; +} +.aurora .message + .message:not(.message-first) { + margin-top: 5px; +} +.aurora .message-typing-indicator > div { + width: 6px; + height: 6px; +} +.aurora .message-typing-indicator > div + div { + margin-right: 4px; +} +.aurora .message-typing-indicator > div:nth-child(1) { + animation: aurora-message-typing-indicator 900ms infinite; +} +.aurora .message-typing-indicator > div:nth-child(2) { + animation: aurora-message-typing-indicator 900ms 150ms infinite; +} +.aurora .message-typing-indicator > div:nth-child(3) { + animation: aurora-message-typing-indicator 900ms 300ms infinite; +} +@keyframes aurora-message-typing-indicator { + 0% { + transform: translateY(0%); + } + 50% { + transform: translateY(-5px); + } + 100% { + transform: translateY(0%); + } +} /* === Messagebar === */ :root { --f7-messagebar-bg-color: #fff; + --f7-messagebar-shadow-image: none; --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; + /* + --f7-messagebar-inner-padding-left: var(--f7-toolbar-inner-padding-left); + --f7-messagebar-inner-padding-right: var(--f7-toolbar-inner-padding-right); + */ +} +:root .theme-dark, +:root.theme-dark { + --f7-messagebar-bg-color: var(--f7-bars-bg-color); } .ios { --f7-messagebar-height: 44px; @@ -13201,7 +15541,6 @@ label.item-radio.disabled, --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; @@ -13215,7 +15554,6 @@ label.item-radio.disabled, } .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); @@ -13225,7 +15563,6 @@ label.item-radio.disabled, --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; @@ -13239,12 +15576,35 @@ label.item-radio.disabled, } .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); } +.aurora { + --f7-messagebar-height: 38px; + --f7-messagebar-font-size: 14px; + /* + --f7-messagebar-link-color: var(--f7-theme-color); + */ + --f7-messagebar-border-color: transparent; + --f7-messagebar-textarea-border-radius: 12px; + --f7-messagebar-textarea-padding: 3px 10px; + --f7-messagebar-textarea-height: 24px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-font-size: 13px; + --f7-messagebar-textarea-line-height: 16px; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachments-border-color: #c8c8cd; + --f7-messagebar-attachment-border-radius: 12px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --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); +} .messagebar { transform: translate3d(0, 0, 0); background: var(--f7-messagebar-bg-color); @@ -13293,6 +15653,8 @@ label.item-radio.disabled, position: relative; height: auto; bottom: auto; + padding-left: calc(var(--f7-messagebar-inner-padding-left, var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-messagebar-inner-padding-right, var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right)); flex-direction: row-reverse; } .messagebar.messagebar-sheet-visible > .toolbar-inner { @@ -13432,9 +15794,8 @@ label.item-radio.disabled, .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)); +.messagebar ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-messagebar-height); } .ios .messagebar a.link.icon-only:first-child { margin-left: -8px; @@ -13510,6 +15871,47 @@ label.item-radio.disabled, margin-left: -7px; margin-top: -1px; } +.aurora .messagebar a.link + .messagebar-area { + margin-left: 5px; +} +.aurora .messagebar .messagebar-area + a.link { + margin-left: 5px; +} +.aurora .messagebar-area { + margin-top: 5px; + margin-bottom: 5px; +} +.aurora .messagebar-sheet-image .icon-checkbox, +.aurora .messagebar-sheet-item .icon-checkbox { + background: rgba(255, 255, 255, 0.25); +} +.aurora .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; +} +.aurora .messagebar-attachments-visible .messagebar-attachments + textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius); +} +.aurora .messagebar-attachment { + font-size: 14px; +} +.aurora .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 14px; + height: 14px; + background: #808080; +} +.aurora .messagebar-attachment-delete:after, +.aurora .messagebar-attachment-delete:before { + width: 8px; + height: 1px; + background: #fff; + margin-left: -4px; + margin-top: -1px; +} /* === Swiper === */ .swiper-container { margin: 0 auto; @@ -13828,6 +16230,9 @@ label.item-radio.disabled, .swiper-container-rtl .swiper-button-prev:after { content: 'swiper_next'; } +.swiper-button-lock { + display: none; +} .swiper-pagination { position: absolute; text-align: center; @@ -13952,7 +16357,10 @@ button.swiper-pagination-bullet { left: 0; top: 0; } -.preloader.swiper-lazy-preloader { +.swiper-pagination-lock { + display: none; +} +.preloader.swiper-lazy-preloader { position: absolute; left: 50%; top: 50%; @@ -14245,6 +16653,10 @@ button.swiper-pagination-bullet { /* === Notifications === */ :root { --f7-notification-max-width: 568px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-text-text-transform: none; + --f7-notification-text-font-weight: 400; } .ios { --f7-notification-margin: 8px; @@ -14264,14 +16676,10 @@ button.swiper-pagination-bullet { --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; @@ -14289,14 +16697,32 @@ button.swiper-pagination-bullet { --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; +} +.aurora { + --f7-notification-margin: 10px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 4px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-bg-color: #fff; + --f7-notification-icon-size: 18px; + --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: 500; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.6); + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-color: #000; + --f7-notification-subtitle-font-size: 12px; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-color: #000; + --f7-notification-text-font-size: 12px; + --f7-notification-text-line-height: 1.2; } .notification { position: absolute; @@ -14540,17 +16966,66 @@ button.swiper-pagination-bullet { transform: translate3d(0, 0%, 0); } } +.aurora .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0); +} +.aurora .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1; +} +.aurora .notification.modal-out { + transform: translate3d(0%, -200%, 0); +} +.aurora .notification-icon { + margin-right: 10px; +} +.aurora .notification-header + .notification-content { + margin-top: 10px; +} +.aurora .notification-title-right-text { + margin-right: 0px; + margin-left: auto; +} +.aurora .notification-title-right-text + .notification-close-button { + margin-left: 10px; +} +.aurora .notification-close-button { + font-size: 14px; + width: 16px; + height: 16px; + opacity: 0.4; + transition-duration: 300ms; +} +.aurora .notification-close-button.active-state { + transition-duration: 0ms; + opacity: 0.6; +} +.aurora .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: 0.5em; + line-height: 38px; + width: 38px; + height: 38px; + margin-left: -19px; + margin-top: -19px; +} /* === Autocomplete === */ :root { --f7-autocomplete-dropdown-bg-color: #fff; --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; --f7-autocomplete-dropdown-preloader-size: 20px; + /* + --f7-autocomplete-dropdown-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2); + */ } .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; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); } .ios .theme-dark, .ios.theme-dark { @@ -14563,6 +17038,7 @@ button.swiper-pagination-bullet { --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; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); } .md .theme-dark, .md.theme-dark { @@ -14570,6 +17046,19 @@ button.swiper-pagination-bullet { --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87); } +.aurora { + --f7-autocomplete-dropdown-box-shadow: 0px 1px 2px 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: 700; + --f7-autocomplete-dropdown-font-size: 13px; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1c; + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff; +} .autocomplete-page .autocomplete-found { display: block; } @@ -14622,6 +17111,7 @@ button.swiper-pagination-bullet { .autocomplete-dropdown .list { margin: 0; color: var(--f7-autocomplete-dropdown-text-color); + font-size: var(--f7-autocomplete-dropdown-font-size); } .autocomplete-dropdown .list b { color: var(--f7-autocomplete-dropdown-text-matching-color); @@ -14636,6 +17126,9 @@ button.swiper-pagination-bullet { .autocomplete-dropdown .list ul:after { display: none !important; } +.autocomplete-dropdown .autocomplete-dropdown-selected { + background: var(--f7-autocomplete-dropdown-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} .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); @@ -14649,7 +17142,7 @@ button.swiper-pagination-bullet { overflow: hidden; } .searchbar-input-wrap .autocomplete-dropdown .item-content { - padding-right: var(--f7-searchbar-input-padding-left); + padding-right: var(--f7-searchbar-input-padding-horizontal); } .list .item-content-dropdown-expanded .item-title.item-label { width: 0; @@ -14677,6 +17170,10 @@ button.swiper-pagination-bullet { .md .autocomplete-page .navbar .autocomplete-preloader { margin-left: 8px; } +.md .autocomplete-popup .navbar .autocomplete-preloader { + margin-right: 8px; + margin-left: 16px; +} .md .autocomplete-dropdown .autocomplete-preloader { left: 16px; margin-bottom: 8px; @@ -14685,6 +17182,18 @@ button.swiper-pagination-bullet { .md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { border-width: 3px; } +.aurora .autocomplete-dropdown .autocomplete-preloader { + left: 15px; + margin-bottom: 2px; +} +.aurora .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20; +} +.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height); +} /* === Tooltip === */ :root { --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); @@ -14841,6 +17350,13 @@ button.swiper-pagination-bullet { --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius); */ } +.aurora { + --f7-menu-font-size: 13px; + --f7-menu-item-height: 28px; + --f7-menu-dropdown-item-height: 24px; + --f7-menu-item-border-radius: 5px; + --f7-menu-item-padding-horizontal: 10px; +} .menu { z-index: 1000; position: relative; @@ -14982,13 +17498,14 @@ button.swiper-pagination-bullet { } .menu-item-dropdown-left .menu-dropdown:after, .menu-item-dropdown-center .menu-dropdown:after, -.menu-dropdown-left:after .menu-dropdown-center:after { +.menu-dropdown-left:after, +.menu-dropdown-center:after { content: ''; position: absolute; left: 100%; bottom: 0; - width: 8px; - height: 8px; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); 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, @@ -14999,8 +17516,8 @@ button.swiper-pagination-bullet { position: absolute; right: 100%; bottom: 0; - width: 8px; - height: 8px; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); 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, @@ -15019,6 +17536,690 @@ button.swiper-pagination-bullet { min-width: calc(100% + 24px + 24px); transform: translateX(-50%); } +/* === Color Picker === */ +:root { + --f7-color-picker-sheet-bg-color: #fff; + --f7-color-picker-popup-bg-color: #fff; + --f7-color-picker-popover-width: 350px; + --f7-color-picker-slider-size: 6px; + --f7-color-picker-slider-knob-size: 16px; + --f7-color-picker-bar-size: 50px; + --f7-color-picker-bar-min-height: 260px; + --f7-color-picker-value-bg-color: rgba(0, 0, 0, 0.05); + --f7-color-picker-value-width: 64px; + --f7-color-picker-value-height: 32px; + --f7-color-picker-value-font-size: 16px; + --f7-color-picker-value-border-radius: 4px; + --f7-color-picker-hex-value-width: 84px; + --f7-color-picker-label-font-size: 14px; + --f7-color-picker-label-width: 10px; + --f7-color-picker-label-height: 14px; + --f7-color-picker-sb-spectrum-height: 260px; + --f7-color-picker-sb-spectrum-handle-size: 16px; + --f7-color-picker-wheel-width: 330px; + --f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05); + --f7-color-picker-group-value-bg-color: #fff; + --f7-color-picker-palette-value-width: 36px; + --f7-color-picker-palette-value-height: 36px; + --f7-color-picker-initial-current-color-height: 40px; + --f7-color-picker-initial-current-color-border-radius: 4px; +} +:root .theme-dark, +:root.theme-dark { + --f7-color-picker-sheet-bg-color: #171717; + --f7-color-picker-popup-bg-color: #171717; + --f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1); + --f7-color-picker-group-bg-color: #000; + --f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12); +} +.color-picker { + overflow: hidden; + width: 100%; + display: flex; + flex-direction: column; +} +.color-picker.color-picker-inline, +.color-picker-popover .color-picker, +.color-picker-popup .color-picker { + position: relative; +} +.color-picker-sheet-modal { + background: var(--f7-color-picker-sheet-bg-color); +} +.color-picker-sheet-modal:before { + z-index: 600; +} +.color-picker-sheet-modal .sheet-modal-inner { + margin-bottom: var(--f7-safe-area-bottom); +} +.color-picker-popup .page { + background: var(--f7-color-picker-popup-bg-color); +} +.color-picker-popup .page-content { + padding-bottom: var(--f7-safe-area-bottom); +} +.color-picker-popover .color-picker, +.color-picker-popup .color-picker, +.color-picker-page .color-picker { + height: 100%; +} +.color-picker-popover .color-picker .toolbar, +.color-picker-popup .color-picker .toolbar, +.color-picker-page .color-picker .toolbar { + position: absolute; +} +.color-picker-popover { + width: var(--f7-color-picker-popover-width); + max-width: 90vw; + max-height: 80vh; +} +.color-picker-popover .color-picker { + max-height: 80vh; +} +.color-picker-popover .toolbar-top { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette { + overflow: hidden; + flex-shrink: 0; +} +.color-picker-popover .color-picker-module-palette:first-child { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette:last-child { + border-bottom-left-radius: var(--f7-popover-border-radius); + border-bottom-right-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .color-picker-module-palette:first-child:last-child { + border-radius: var(--f7-popover-border-radius); +} +.color-picker-popover .toolbar ~ .page-content .color-picker-module-palette:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.color-picker-popup .page-content, +.color-picker-popover .page-content, +.color-picker-sheet-modal .page-content, +.color-picker-page .page-content { + display: flex; + justify-content: flex-start; + align-items: stretch; + flex-direction: column; + overflow-x: hidden; +} +.color-picker-module { + margin-top: 5px; +} +.color-picker-module:last-child { + margin-bottom: 5px; +} +.color-picker-module-sb-spectrum, +.color-picker-module-hs-spectrum { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-module-sb-spectrum:first-child, +.color-picker-module-hs-spectrum:first-child { + margin-top: 10px; +} +.color-picker-module-sb-spectrum .color-picker-sb-spectrum, +.color-picker-module-hs-spectrum .color-picker-sb-spectrum, +.color-picker-module-sb-spectrum .color-picker-hs-spectrum, +.color-picker-module-hs-spectrum .color-picker-hs-spectrum { + border-radius: 4px; + height: var(--f7-color-picker-sb-spectrum-height); +} +.color-picker-sb-spectrum { + background-color: #000; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); + position: relative; +} +.color-picker-hs-spectrum { + position: relative; + background-image: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%)); +} +.color-picker-hs-spectrum:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); +} +.color-picker-sb-spectrum-handle, +.color-picker-hs-spectrum-handle { + width: 4px; + height: 4px; + position: absolute; + left: -2px; + top: -2px; + z-index: 1; +} +.color-picker-sb-spectrum-handle:after, +.color-picker-hs-spectrum-handle:after { + background-color: inherit; + content: ''; + position: absolute; + width: var(--f7-color-picker-sb-spectrum-handle-size); + height: var(--f7-color-picker-sb-spectrum-handle-size); + border: 1px solid #fff; + border-radius: 50%; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); + box-sizing: border-box; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + transition: 150ms; + transition-property: transform; + transform-origin: center; +} +.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after, +.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after, +.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after, +.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after { + transform: scale(1.5) translate(-33.333%, -33.333%); +} +.color-picker-module-wheel { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-wheel { + position: relative; + width: var(--f7-color-picker-wheel-width); + max-width: 100%; + height: auto; + font-size: 0; + margin-left: auto; + margin-right: auto; +} +.color-picker-wheel svg { + width: 100%; + height: auto; +} +.color-picker-wheel .color-picker-wheel-handle { + width: calc(100% / 6); + height: calc(100% / 6); + position: absolute; + box-sizing: border-box; + border: 2px solid #fff; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + background: red; + border-radius: 50%; + left: 0; + top: 0; +} +.color-picker-wheel .color-picker-sb-spectrum { + width: 45%; + height: 45%; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0); + position: absolute; +} +.color-picker-slider-wrap { + display: flex; + align-items: center; + margin-bottom: 2px; +} +.color-picker-slider-wrap + .color-picker-slider-wrap { + margin-top: 5px; +} +.color-picker-hex-wrap { + justify-content: space-between; + display: flex; + align-items: center; +} +.color-picker-slider-label, +.color-picker-hex-label { + font-size: var(--f7-color-picker-label-font-size); + width: var(--f7-color-picker-label-size); + flex-shrink: 0; + margin-left: 12px; +} +.color-picker-hex-label { + width: auto; +} +.color-picker-bar-value, +.color-picker-slider-value, +.color-picker-hex-value { + width: var(--f7-color-picker-value-width); + height: var(--f7-color-picker-value-height); + background: var(--f7-color-picker-value-bg-color); + border-radius: var(--f7-color-picker-value-border-radius); + text-align: center; + font-size: var(--f7-color-picker-value-font-size); + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + margin-right: 10px; +} +.color-picker-bar-value input, +.color-picker-slider-value input, +.color-picker-hex-value input { + width: 100%; + height: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + background: transparent; + color: inherit; + font-family: inherit; + font-size: inherit; + text-align: center; + display: block; + border-radius: 4px; +} +.color-picker-bar-value input::-webkit-inner-spin-button, +.color-picker-slider-value input::-webkit-inner-spin-button, +.color-picker-hex-value input::-webkit-inner-spin-button, +.color-picker-bar-value input::-webkit-outer-spin-button, +.color-picker-slider-value input::-webkit-outer-spin-button, +.color-picker-hex-value input::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; + display: none; +} +.color-picker-hex-value { + width: var(--f7-color-picker-hex-value-width); +} +.color-picker-hex-value:first-child { + margin-right: auto; +} +.color-picker-slider { + --f7-range-bar-active-bg-color: transparent; + --f7-range-bar-size: var(--f7-color-picker-slider-size); + --f7-range-bar-border-radius: var(--f7-color-picker-slider-size); + --f7-range-knob-size: var(--f7-color-picker-slider-knob-size); + --f7-range-knob-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} +.color-picker-slider .range-knob { + transition-duration: 200ms; + transition-property: transform; +} +.color-picker-slider .range-knob:after { + width: 30px; + height: 30px; + margin-left: -15px; + margin-top: -15px; +} +.color-picker-slider .range-knob-active-state .range-knob { + transform: scale(1.5); +} +.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob { + background: var(--f7-range-knob-color) !important; + border: none; +} +.color-picker-module-rgb-bars { + display: flex; + justify-content: space-around; + justify-content: space-evenly; + align-items: stretch; + height: 100%; + min-height: var(--f7-color-picker-bar-min-height); + padding-bottom: 10px; + padding-top: 10px; + box-sizing: border-box; +} +.color-picker-bar-wrap { + display: flex; + align-items: center; + flex-direction: column-reverse; +} +.color-picker-bar { + --f7-range-bar-active-bg-color: transparent; + --f7-range-bar-size: var(--f7-color-picker-bar-size); + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 6px; + --f7-range-knob-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); + --f7-range-knob-color: #fff; +} +.color-picker-bar .range-knob { + transition-duration: 0ms; + transition-property: transform; + border-radius: 3px; +} +.color-picker-bar .range-knob-wrap { + height: 6px; + width: calc(var(--f7-color-picker-bar-size) - 4px); + margin-left: calc(-0.5 * (var(--f7-color-picker-bar-size) - 4px)); +} +.color-picker-bar .range-knob-active-state .range-knob { + transform: scale(1); +} +.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob { + background: var(--f7-range-knob-color) !important; + border: none; +} +.color-picker-bar-label { + font-size: var(--f7-color-picker-label-size); + margin-top: 12px; + line-height: 1; + height: var(--f7-color-picker-label-height); + flex-shrink: 0; +} +.color-picker-bar-value { + margin-left: 0; + margin-bottom: 10px; +} +.color-picker-slider-alpha { + --f7-range-knob-color: #fff; +} +.color-picker-slider-alpha .range-bar { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000), linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + background-size: 100% 100%, 6px 3px, 6px 3px; + background-position: 0 0, 0px 3px, 0 0; + background-repeat: repeat-y, repeat-x, repeat-x; +} +.color-picker-slider-hue .range-bar { + background-image: linear-gradient(to left, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%)); +} +.color-picker-slider-brightness .range-bar { + background-image: linear-gradient(to left, #000, #fff); +} +.color-picker-module-palette { + margin-top: 15px; +} +.color-picker-module-palette:first-child { + margin-top: 0; +} +.color-picker-module-palette:last-child { + margin-bottom: 0; +} +.color-picker-module-palette:first-child:last-child { + margin: 0; +} +.color-picker-palette { + display: flex; + flex-wrap: wrap; +} +.color-picker-palette-row { + width: 100%; + display: flex; + flex-wrap: nowrap; +} +.color-picker-palette-row .color-picker-palette-value { + width: 100%; +} +.color-picker-palette-value { + width: var(--f7-color-picker-palette-value-width); + height: var(--f7-color-picker-palette-value-height); + cursor: pointer; +} +.color-picker-module-initial-current-colors, +.color-picker-module-current-color { + margin-left: 10px; + margin-right: 10px; + border-radius: var(--f7-color-picker-initial-current-color-border-radius); + overflow: hidden; + flex-shrink: 0; +} +.color-picker-initial-color, +.color-picker-current-color { + height: var(--f7-color-picker-initial-current-color-height); +} +.color-picker-initial-current-colors { + display: flex; +} +.color-picker-initial-current-colors .color-picker-initial-color, +.color-picker-initial-current-colors .color-picker-current-color { + width: 50%; +} +.color-picker-module-rgb-sliders, +.color-picker-module-hsb-sliders, +.color-picker-module-alpha-slider, +.color-picker-module-hue-slider, +.color-picker-module-brightness-slider, +.color-picker-module-hex { + margin-left: 10px; + margin-right: 10px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders, +.color-picker-grouped-modules .color-picker-module-hsb-sliders, +.color-picker-grouped-modules .color-picker-module-alpha-slider, +.color-picker-grouped-modules .color-picker-module-hue-slider, +.color-picker-grouped-modules .color-picker-module-brightness-slider, +.color-picker-grouped-modules .color-picker-module-hex { + background: var(--f7-color-picker-group-bg-color); + padding: 5px; + border-radius: 4px; + margin-top: 15px; + margin-left: 5px; + margin-right: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hue-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hex:last-child { + margin-bottom: 15px; +} +.color-picker-grouped-modules .color-picker-slider-value, +.color-picker-grouped-modules .color-picker-hex-value { + background: var(--f7-color-picker-group-value-bg-color); +} +.color-picker-grouped-modules .color-picker-slider-label, +.color-picker-grouped-modules .color-picker-hex-label { + margin-right: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child { + margin-right: 5px; +} +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child { + margin-left: 5px; +} +/* === Treeview === */ +:root { + --f7-treeview-toggle-size: 24px; + --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15); + --f7-treeview-icon-color: rgba(0, 0, 0, 0.5); + --f7-treeview-children-offset: 29px; + --f7-treeview-label-font-weight: 400; + --f7-treeview-label-text-color: inherit; + --f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1); + /* + --f7-treeview-selectable-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2); + */ + --f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15); +} +:root .theme-dark, +:root.theme-dark { + --f7-treeview-toggle-color: rgba(255, 255, 255, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-toggle-pressed-bg-color: rgba(255, 255, 255, 0.1); + --f7-treeview-icon-color: rgba(255, 255, 255, 0.75); + --f7-treeview-selectable-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-pressed-bg-color: rgba(255, 255, 255, 0.11); +} +.ios { + --f7-treeview-item-height: 34px; + --f7-treeview-item-padding-left: 15px; + --f7-treeview-item-padding-right: 15px; + --f7-treeview-label-font-size: 17px; + --f7-treeview-icon-size: 24px; +} +.md { + --f7-treeview-item-height: 34px; + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; + --f7-treeview-label-font-size: 16px; + --f7-treeview-icon-size: 24px; +} +.aurora { + --f7-treeview-item-height: 28px; + --f7-treeview-item-padding-left: 15px; + --f7-treeview-item-padding-right: 15px; + --f7-treeview-label-font-size: 14px; + --f7-treeview-icon-size: 20px; +} +.treeview-item-root { + padding-right: var(--f7-treeview-item-padding-left); + padding-left: var(--f7-treeview-item-padding-right); + height: var(--f7-treeview-item-height); + display: flex; + align-items: center; + justify-content: flex-start; +} +.treeview-item-content { + display: flex; + justify-content: flex-start; + align-items: center; +} +.treeview-item-content > i, +.treeview-item-content > .f7-icons, +.treeview-item-content > .material-icons { + width: var(--f7-treeview-icon-size); + height: var(--f7-treeview-icon-size); + font-size: var(--f7-treeview-icon-size); + color: var(--f7-treeview-icon-color); +} +.treeview-item-content:first-child { + margin-right: calc(var(--f7-treeview-toggle-size) + 5px); +} +.treeview-item-content > * + * { + margin-right: 5px; +} +.treeview-item-label { + font-size: var(--f7-treeview-label-font-size); + font-weight: var(--f7-treeview-label-font-weight); + color: var(--f7-treeview-label-text-color); +} +.treeview-toggle { + width: var(--f7-treeview-toggle-size); + height: var(--f7-treeview-toggle-size); + cursor: pointer; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0); + transition-duration: 200ms; + position: relative; + margin-left: 5px; +} +.treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color); +} +.treeview-toggle:after { + transition-duration: 200ms; + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + transform: translate(-50%, -50%); + border-right: 6px solid var(--f7-treeview-toggle-color); +} +.treeview-toggle-hidden { + opacity: 0; + pointer-events: none; + visibility: hidden; +} +.treeview-preloader { + --f7-preloader-size: var(--f7-treeview-toggle-size); + margin-left: calc(-1 * var(--f7-treeview-toggle-size)); +} +.treeview-item-children { + display: none; +} +.treeview-item-opened > .treeview-item-children { + display: block; +} +.treeview-item-opened > .treeview-item-root .treeview-toggle:after { + transform: translate(-50%, -50%) rotate(-90deg); +} +a.treeview-item-root { + color: var(--f7-treeview-label-text-color); +} +.treeview-item-selectable > .treeview-item-root, +.treeview-item-selectable.treeview-item-root { + cursor: pointer; + transition-duration: 150ms; +} +a.treeview-item-root { + transition-duration: 150ms; +} +a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color); +} +.treeview-item-toggle > .treeview-item-root, +.treeview-item-toggle.treeview-item-root { + cursor: pointer; +} +.treeview-item-selected > .treeview-item-root, +.treeview-item-selected.treeview-item-root { + background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} +.treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1); +} +.treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9); +} +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-right: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10); +} +.aurora .treeview-toggle:hover { + background-color: var(--f7-treeview-toggle-hover-bg-color); +} +.aurora .treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color); +} +.aurora .treeview-item-selectable > .treeview-item-root:hover, +.aurora .treeview-item-selectable.treeview-item-root:hover { + background: var(--f7-treeview-selectable-hover-bg-color); +} +.aurora a.treeview-item-root:hover { + background: var(--f7-treeview-link-hover-bg-color); +} +.aurora a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color); +} +.aurora .treeview-item-selected > .treeview-item-root:hover, +.aurora .treeview-item-selected.treeview-item-root:hover { + background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2)); +} iframe#viAd { z-index: 12900 !important; background: #000 !important; @@ -15437,6 +18638,10 @@ iframe#viAd { --f7-typography-padding: 16px; --f7-typography-margin: 16px; } +.aurora { + --f7-typography-padding: 15px; + --f7-typography-margin: 15px; +} .display-flex { display: flex !important; } @@ -15488,6 +18693,18 @@ iframe#viAd { .flex-shrink-10 { flex-shrink: 10 !important; } +.flex-direction-row { + flex-direction: row !important; +} +.flex-direction-row-reverse { + flex-direction: row-reverse !important; +} +.flex-direction-column { + flex-direction: column !important; +} +.flex-direction-column-reverse { + flex-direction: column-reverse !important; +} .justify-content-flex-start { justify-content: flex-start !important; } @@ -15539,6 +18756,9 @@ iframe#viAd { .align-content-stretch { align-content: stretch !important; } +.align-items-baseline { + align-items: baseline !important; +} .align-items-flex-start { align-items: flex-start !important; } @@ -15648,49 +18868,95 @@ iframe#viAd { .padding { padding: var(--f7-typography-padding) !important; } +.padding-half { + padding: calc(var(--f7-typography-padding) / 2) !important; +} .padding-top { padding-top: var(--f7-typography-padding) !important; } +.padding-top-half { + padding-top: calc(var(--f7-typography-padding) / 2) !important; +} .padding-bottom { padding-bottom: var(--f7-typography-padding) !important; } +.padding-bottom-half { + padding-bottom: calc(var(--f7-typography-padding) / 2) !important; +} .padding-left { padding-left: var(--f7-typography-padding) !important; } +.padding-left-half { + padding-left: calc(var(--f7-typography-padding) / 2) !important; +} .padding-right { padding-right: var(--f7-typography-padding) !important; } +.padding-right-half { + padding-right: calc(var(--f7-typography-padding) / 2) !important; +} .padding-vertical { padding-top: var(--f7-typography-padding) !important; padding-bottom: var(--f7-typography-padding) !important; } +.padding-vertical-half { + padding-top: calc(var(--f7-typography-padding) / 2) !important; + padding-bottom: calc(var(--f7-typography-padding) / 2) !important; +} .padding-horizontal { padding-left: var(--f7-typography-padding) !important; padding-right: var(--f7-typography-padding) !important; } +.padding-horizontal-half { + padding-left: calc(var(--f7-typography-padding) / 2) !important; + padding-right: calc(var(--f7-typography-padding) / 2) !important; +} .margin { margin: var(--f7-typography-margin) !important; } +.margin-half { + margin: calc(var(--f7-typography-margin) / 2) !important; +} .margin-top { margin-top: var(--f7-typography-margin) !important; } +.margin-top-half { + margin-top: calc(var(--f7-typography-margin) / 2) !important; +} .margin-bottom { margin-bottom: var(--f7-typography-margin) !important; } +.margin-bottom-half { + margin-bottom: calc(var(--f7-typography-margin) / 2) !important; +} .margin-left { margin-left: var(--f7-typography-margin) !important; } +.margin-left-half { + margin-left: calc(var(--f7-typography-margin) / 2) !important; +} .margin-right { margin-right: var(--f7-typography-margin) !important; } +.margin-right-half { + margin-right: calc(var(--f7-typography-margin) / 2) !important; +} .margin-vertical { margin-top: var(--f7-typography-margin) !important; margin-bottom: var(--f7-typography-margin) !important; } +.margin-vertical-half { + margin-top: calc(var(--f7-typography-margin) / 2) !important; + margin-bottom: calc(var(--f7-typography-margin) / 2) !important; +} .margin-horizontal { margin-left: var(--f7-typography-margin) !important; margin-right: var(--f7-typography-margin) !important; } +.margin-horizontal-half { + margin-left: calc(var(--f7-typography-margin) / 2) !important; + margin-right: calc(var(--f7-typography-margin) / 2) !important; +} [class*="text-color-"] { color: var(--f7-theme-color-text-color) !important; } diff --git a/framework7/css/framework7.bundle.rtl.min.css b/framework7/css/framework7.bundle.rtl.min.css index 80233cd..6abbad5 100644 --- a/framework7/css/framework7.bundle.rtl.min.css +++ b/framework7/css/framework7.bundle.rtl.min.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 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, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.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)}.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-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.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-subnavbar-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-prevent-open{pointer-events:auto}.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-radio-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)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{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>.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))}.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~* .page-content,.navbar~.page-with-navbar-large:not(.no-navbar)>.searchbar~.page-content,.page-with-navbar-large>.navbar~.searchbar~* .page-content,.page-with-navbar-large>.navbar~.searchbar~.page-content{padding-top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height) + var(--f7-navbar-large-title-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-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,var(--f7-theme-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,var(--f7-theme-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 +: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}}:root{--f7-font-size:14px}.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-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-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}: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}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:#282829}.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, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{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 .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{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);background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.framework7-root{padding-top:var(--f7-statusbar-height)}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:400ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-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:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.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}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .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:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .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:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{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:2;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}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.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-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-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.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-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-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--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:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.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 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-link-line-height,var(--f7-navbar-height));height:var(--f7-navbar-link-height,var(--f7-navbar-height))}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{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);font-size:var(--f7-navbar-title-font-size);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)}.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-left) + 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~*{--f7-page-navbar-offset:var(--f7-navbar-height)}.navbar~* .page-with-navbar-large,.navbar~.page-with-navbar-large,.page-with-navbar-large .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.page.no-navbar,.page.no-navbar .navbar~*{--f7-page-navbar-offset:0px}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.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 .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.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}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(15px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--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-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--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-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)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.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-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-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}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.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}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.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}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.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}.aurora .toolbar-top-aurora:after,.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)))}.aurora .toolbar-top-aurora:before,.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)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.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)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.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}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.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}.aurora .toolbar-bottom-aurora:before,.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)))}.aurora .toolbar-bottom-aurora:after,.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)}.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;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.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));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.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{justify-content:flex-start;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)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.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)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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 .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 .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.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.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}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.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-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-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-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.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-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-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-subnavbar-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-subnavbar-shadow-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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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,.subnavbar~*{--f7-page-subnavbar-offset:var(--f7-subnavbar-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))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}: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-strong-border-color:#282829;--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.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-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--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-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)}.aurora{--f7-block-text-color:inherit;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--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.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--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:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.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)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.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}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.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}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.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}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.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-chevron-icon-font-size:20px;--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-text-font-weight:400;--f7-list-item-after-font-weight:400;--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;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-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-chevron-icon-color:#434345}.ios{--f7-list-in-list-padding-left:30px;--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-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--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-media-item-title-font-weight:600;--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-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}.ios .theme-dark,.ios.theme-dark{--f7-list-button-border-color:#282829;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636}.md{--f7-list-in-list-padding-left:40px;--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-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--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-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-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}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--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-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)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--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-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-button-border-color:#282829;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.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{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.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)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.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}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.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}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.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}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.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}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.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}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.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}.aurora .list.no-hairlines-between-aurora.links-list a:after,.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-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.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%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);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)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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 .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}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}: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}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.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-large-font-weight:400;--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-large-font-weight:500;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--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)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:400;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-small-height:22px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px}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;justify-content:center;align-items:center;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,0px) 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}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.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)}.aurora .button-fill-aurora,.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)}.aurora .button-outline-aurora,.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)}.aurora .button-large-aurora,.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);--f7-button-font-weight:var(--f7-button-large-font-weight)}.aurora .button-small-aurora,.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)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.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)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.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))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}: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,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-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'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.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-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{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-appbar-height);background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color,var(--f7-theme-color)));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-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)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px))}.appbar-inner{position:absolute;left:0;top:0;width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--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-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(230, 230, 230, 0.95);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--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-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:right;--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-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--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}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.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;padding:var(--f7-dialog-inner-padding)}.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-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:var(--f7-dialog-input-border-radius);-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-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.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{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-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.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-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-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.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}.aurora .dialog{background:var(--f7-dialog-bg-color)}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}: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)}.aurora{--f7-popup-tablet-border-radius:4px;--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)}.popup.swipe-close-to-top.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)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.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}.aurora{--f7-login-screen-blocks-margin-vertical:15px;--f7-login-screen-title-font-size:28px;--f7-login-screen-title-font-weight:500}.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)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.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-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.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-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-icon-size:48px}.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-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.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,var(--f7-theme-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-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.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}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}: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}.aurora{--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent}.aurora .theme-dark,.aurora.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.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-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,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-top:after{content:'';position:absolute;background-color:var(--f7-sheet-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)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):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-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom .sheet-modal-inner>.page-content,.sheet-modal-bottom .toolbar~.sheet-modal-inner .page-content,.sheet-modal:not(.sheet-modal-top) .sheet-modal-inner>.page-content,.sheet-modal:not(.sheet-modal-top) .toolbar~.sheet-modal-inner .page-content{padding-bottom:var(--f7-safe-area-bottom)}.sheet-modal-top{bottom:auto;top:var(--f7-statusbar-height);transform:translate3d(0,calc(-100% - var(--f7-statusbar-height)),0)}.sheet-modal-top.modal-out{transform:translate3d(0,calc(-100% - var(--f7-statusbar-height)),0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .toolbar-top~.sheet-modal-inner .page-content{padding-top:0}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--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}.md{--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}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.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}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-right:10px}: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}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--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}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.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}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.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}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .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:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}: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)}.aurora{--f7-sortable-handler-width:32px;--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'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:#c7c7cc;--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.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;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.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}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.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-bg-color:#232323}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.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,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-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}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--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-subnavbar-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%}.aurora .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%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:#282829;--f7-timeline-horizontal-item-date-border-color:#282829}.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-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--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-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--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)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.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);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.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);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.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-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}.aurora .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:0s}.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%}.aurora{--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset,0px));width:100%;height:calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset,0px));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:calc(var(--f7-statusbar-height) + var(--f7-appbar-app-offset,0px));height:calc(100% - var(--f7-statusbar-height) - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;will-change:transform;transition-property:transform}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity}.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.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.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:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.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:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,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-left-width,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-right-width,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)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left: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-expandable-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}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--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}.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}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.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-prevent-open{pointer-events:auto}.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)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.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}.aurora .chip-outline-aurora,.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}.aurora .chip-outline-aurora[class*=color-],.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}.aurora .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--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;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--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-inline-label-padding-top:3px;--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-textarea-padding-vertical:7px;--f7-label-font-size:12px;--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-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--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)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-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);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.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:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.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],.list input[type=time]{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{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;right:var(--f7-input-padding-right);transform-origin:right center}.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:flex;flex-direction:column;align-items:flex-start}.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;box-sizing:border-box}.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;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);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-clear-button.active-state{opacity:.75!important}.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-left:calc(20px + var(--f7-input-padding-left))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{left:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-left:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{left:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{right:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{right:0}.item-input-outline .item-floating-label{right:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-right:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.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+.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}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .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:not(.input-outline):after,.md .item-input:not(.item-input-outline) .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 .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:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .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}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.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}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.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;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.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,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.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}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.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}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.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}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.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}.aurora .icon-radio,.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-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.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 .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}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.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-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset: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-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.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;box-sizing:border-box;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);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.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)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}: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)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius);flex-direction:row-reverse}.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 .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-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 .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.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)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.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)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.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)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.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)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.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)}.aurora .stepper-raised-aurora,.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))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--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}.aurora{--f7-grid-gap:15px}.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-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.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-week-header-height:18px;--f7-calendar-row-border-color:#c4c4c4;--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--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-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.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;margin-left:auto;margin-right:auto}.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:rgba(255, 255, 255, 0.06)}.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)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.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);cursor:pointer}.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}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.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{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);right:50%;margin-right:calc(-1 * var(--f7-ptr-size)/ 2)}.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)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .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)}.aurora .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:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,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;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:#282829;--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.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-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-selected-row-bg-color:#363636}.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-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-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--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:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-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,.data-table tbody th: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:var(--f7-table-link-icon-only-icon-size);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{min-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{min-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;min-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);height:auto;min-height:var(--f7-table-body-cell-height);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)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:5px}.aurora .sortable-cell.numeric-cell:before{margin-left:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:15px}.aurora .data-table-rows-select .input{margin-right:10px}.aurora .data-table-pagination-label{margin-left:10px}: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-label-font-size:inherit}.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-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.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;font-size:var(--f7-fab-label-font-size)}.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}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:#939398}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:#939398;--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;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-bg-color:#303030;--f7-searchbar-input-bg-color:#171717}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--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-inline-input-padding-horizontal:24px;--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;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:#939398;--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--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}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333}.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)))}.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:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-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:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px))}.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:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){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:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-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;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.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)}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{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)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.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)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.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))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.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))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px))}.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-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 .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)))}.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{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.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-extra-padding-left:calc(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}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;left:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;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}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);right:0;top:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}: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-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.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}.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-min-height:32px;--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}.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-min-height:32px;--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-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)}.aurora{--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:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.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);font-weight:var(--f7-messages-title-font-weight)}.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:var(--f7-message-avatar-border-radius);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);font-weight:var(--f7-message-name-font-weight)}.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:var(--f7-message-bubble-min-height)}.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,var(--f7-theme-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,var(--f7-theme-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%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .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)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .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)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-right:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-shadow-image:none;--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}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--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-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-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-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)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--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)}.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;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));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~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.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}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .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}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;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-button-lock{display:none}.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}.swiper-pagination-lock{display:none}.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;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.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-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.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-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--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:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.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)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}: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;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.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;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.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)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px 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:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.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);font-size:var(--f7-autocomplete-dropdown-font-size)}.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}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.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-horizontal)}.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-popup .navbar .autocomplete-preloader{margin-right:8px;margin-left:16px}.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}.aurora .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}: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}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.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-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);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:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);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%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-left:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-right:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to left,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to left,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to left,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-left:5px}:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}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}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.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}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!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-baseline{align-items:baseline!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-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!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/framework7/css/framework7.css b/framework7/css/framework7.css index e8640f6..58578b4 100644 --- a/framework7/css/framework7.css +++ b/framework7/css/framework7.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ /*==================== @@ -79,10 +79,12 @@ /*==================== Fonts ==================== */ +:root { + --f7-font-size: 14px; +} .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, @@ -92,13 +94,21 @@ .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); } +.aurora { + --f7-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-line-height: 1.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-color: #fff; +} /*==================== Bars ==================== */ @@ -127,6 +137,13 @@ .md { --f7-bars-border-color: transparent; } +.aurora { + --f7-bars-border-color: rgba(0, 0, 0, 0.2); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-bars-border-color: #282829; +} /*==================== Color Themes ==================== */ @@ -581,7 +598,7 @@ } @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"); + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff"); font-weight: 400; font-style: normal; } @@ -660,6 +677,10 @@ a { text-decoration: none; color: var(--f7-theme-color); } +.link, +.item-link { + cursor: pointer; +} p { margin: 1em 0; } @@ -672,7 +693,11 @@ html.device-full-viewport body { height: 100vh; } .ios .md-only, -.ios .if-md { +.ios .if-md, +.ios .aurora-only, +.ios .if-aurora, +.ios .if-not-ios, +.ios .not-ios { display: none !important; } @media (width: 1024px) and (height: 691px) and (orientation: landscape) { @@ -690,7 +715,19 @@ html.device-full-viewport body { } } .md .ios-only, -.md .if-ios { +.md .if-ios, +.md .aurora-only, +.md .if-aurora, +.md .if-not-md, +.md .not-md { + display: none !important; +} +.aurora .ios-only, +.aurora .if-ios, +.aurora .md-only, +.aurora .if-md, +.aurora .if-not-aurora, +.aurora .not-aurora { display: none !important; } /* === Statusbar === */ @@ -729,16 +766,11 @@ html.device-full-viewport body { box-sizing: border-box; display: block; height: var(--f7-statusbar-height); + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); } .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 { @@ -748,21 +780,32 @@ html.device-full-viewport body { overflow: hidden; box-sizing: border-box; } +.framework7-root > .view, +.framework7-root > .views { + height: calc(100% - var(--f7-appbar-app-offset, 0px)); +} /* === Pages === */ :root { --f7-page-master-width: 320px; --f7-page-master-border-color: rgba(0, 0, 0, 0.1); --f7-page-master-border-width: 1px; + --f7-page-swipeback-transition-duration: 400ms; + /* + --f7-page-content-extra-padding-top: 0px; + --f7-page-content-extra-padding-bottom: 0px; + */ } .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; +} +.aurora { + --f7-page-bg-color: #f3f3f3; + --f7-page-transition-duration: 400ms; } .theme-dark { --f7-page-bg-color: #171717; @@ -781,8 +824,9 @@ html.device-full-viewport body { top: 0; width: 100%; height: 100%; - transform: translate3d(0, 0, 0); + transform: none; background-color: var(--f7-page-bg-color); + z-index: 1; } .page.stacked { display: none; @@ -801,6 +845,8 @@ html.device-full-viewport body { height: 100%; position: relative; z-index: 1; + padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px)); + padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px)); } .page-transitioning, .page-transitioning .page-shadow-effect, @@ -1025,6 +1071,89 @@ html.device-full-viewport body { opacity: 0; } } +.aurora .page-next { + pointer-events: none; + transform: translate3d(100%, 0px, 0); +} +.aurora .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0); +} +.aurora .page-previous .page-opacity-effect { + opacity: 1; +} +.aurora .page-previous:after { + opacity: 1; +} +.aurora .router-transition-forward .page-next { + will-change: transform; + animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-forward .page-current { + animation: none; +} +.aurora .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: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-current { + will-change: transform, opacity; + animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-previous { + animation: none; +} +.aurora .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: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +@keyframes aurora-page-next-to-current { + from { + transform: translate3d(100%, 0, 0); + } + to { + transform: translate3d(0, 0px, 0); + } +} +@keyframes aurora-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(100%, 0, 0); + } +} +@keyframes aurora-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes aurora-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} .view:not(.view-master-detail) .page-master-stacked { display: none; } @@ -1046,7 +1175,7 @@ html.device-full-viewport body { left: var(--f7-page-master-width); } .view-master-detail .page-master { - z-index: 1; + z-index: 2; transform: none; pointer-events: auto; } @@ -1090,6 +1219,13 @@ html.device-full-viewport body { opacity: 0.3; transition-duration: 0ms; } +.aurora .link { + transition: opacity 300ms; +} +.aurora .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} /* === Navbar === */ :root { /* @@ -1101,6 +1237,10 @@ html.device-full-viewport body { */ --f7-navbar-hide-show-transition-duration: 400ms; --f7-navbar-title-line-height: 1.2; + --f7-navbar-title-font-size: inherit; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-text-color: inherit; } .ios { --f7-navbar-height: 44px; @@ -1115,16 +1255,17 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .ios .theme-dark, .ios.theme-dark { @@ -1143,21 +1284,49 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .md .theme-dark, .md.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); } +.aurora { + --f7-navbar-height: 38px; + --f7-navbar-tablet-height: 38px; + --f7-navbar-font-size: 14px; + --f7-navbar-inner-padding-left: 15px; + --f7-navbar-inner-padding-right: 15px; + --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: rgba(0, 0, 0, 0.6); + --f7-navbar-subtitle-font-size: 12px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 38px; + --f7-navbar-large-title-font-size: 26px; + --f7-navbar-large-title-font-weight: bold; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-link-height: auto; + --f7-navbar-link-line-height: inherit; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); +} .navbar { --f7-navbar-large-collapse-progress: 0; position: relative; @@ -1176,12 +1345,6 @@ html.device-full-viewport body { 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; } @@ -1191,8 +1354,8 @@ html.device-full-viewport body { .navbar a.link { display: flex; justify-content: flex-start; - line-height: var(--f7-navbar-height); - height: var(--f7-navbar-height); + line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height)); + height: var(--f7-navbar-link-height, var(--f7-navbar-height)); } .navbar .title, .navbar .left, @@ -1201,7 +1364,6 @@ html.device-full-viewport body { z-index: 10; } .navbar .title { - text-align: center; position: relative; overflow: hidden; text-overflow: ellipsis; @@ -1211,6 +1373,7 @@ html.device-full-viewport body { display: inline-block; line-height: var(--f7-navbar-title-line-height); text-align: var(--f7-navbar-title-text-align); + font-size: var(--f7-navbar-title-font-size); margin-left: var(--f7-navbar-title-margin-left); margin-right: var(--f7-navbar-title-margin-left); } @@ -1277,7 +1440,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-navbar-shadow-image); } .navbar:after { z-index: 1; @@ -1318,7 +1481,7 @@ html.device-full-viewport body { 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)); + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left)); } .navbar-inner.stacked { display: none; @@ -1399,22 +1562,28 @@ html.device-full-viewport body { .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 ~ * { + --f7-page-navbar-offset: var(--f7-navbar-height); +} +.navbar ~ * .page-with-navbar-large, +.navbar ~ .page-with-navbar-large, +.page-with-navbar-large .navbar ~ * { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-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)); +.page.no-navbar, +.page.no-navbar .navbar ~ * { + --f7-page-navbar-offset: 0px; } .ios { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); } +.ios .navbar .material-icons { + width: 24px; +} +.ios .navbar .f7-icons { + width: 28px; +} .ios .navbar a.icon-only { width: 44px; margin: 0; @@ -1895,6 +2064,12 @@ html.device-full-viewport body { opacity: 1; } } +.md .navbar .material-icons { + width: 24px; +} +.md .navbar .f7-icons { + width: 28px; +} .md .navbar a.link { padding: 0 16px; min-width: 48px; @@ -1948,6 +2123,39 @@ html.device-full-viewport body { .md .navbar-inner-centered-title .title { text-align: center; } +.aurora .navbar a.icon-only { + margin: 0; + justify-content: center; +} +.aurora .navbar .left a + a, +.aurora .navbar .right a + a { + margin-left: 10px; +} +.aurora .navbar b { + font-weight: bold; +} +.aurora .navbar .left { + margin-right: 10px; +} +.aurora .navbar .right { + margin-left: 10px; +} +.aurora .navbar .right:first-child { + right: calc(15px + var(--f7-safe-area-right)); +} +.aurora .navbar-inner { + justify-content: space-between; +} +.aurora .navbar-inner-left-title { + justify-content: flex-start; +} +.aurora .navbar-inner-left-title .right { + margin-left: auto; +} +.aurora .navbar-inner-left-title .title { + text-align: left; + margin-right: 10px; +} /* === Toolbar === */ :root { /* @@ -1956,18 +2164,24 @@ html.device-full-viewport body { --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-tabbar-link-active-color: var(--f7-theme-color); */ + --f7-tabbar-link-active-bg-color: transparent; + --f7-tabbar-label-text-transform: none; --f7-toolbar-hide-show-transition-duration: 400ms; } .ios { --f7-toolbar-height: 44px; --f7-toolbar-font-size: 17px; + --f7-toolbar-inner-padding-left: 8px; + --f7-toolbar-inner-padding-right: 8px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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; @@ -1976,18 +2190,22 @@ html.device-full-viewport body { --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-toolbar-inner-padding-left: 0px; + --f7-toolbar-inner-padding-right: 0px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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); @@ -1998,7 +2216,6 @@ html.device-full-viewport body { --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; } @@ -2006,6 +2223,32 @@ html.device-full-viewport body { .md.theme-dark { --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-toolbar-height: 38px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 15px; + --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-link-height: auto; + --f7-toolbar-link-line-height: inherit; + --f7-tabbar-labels-height: 44px; + --f7-tabbar-labels-tablet-height: 44px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5); + --f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2); + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 18px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 12px; + --f7-tabbar-label-tablet-font-size: 12px; + --f7-tabbar-label-font-weight: 500; + --f7-tabbar-label-letter-spacing: 0.01; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5); +} .toolbar { width: 100%; position: relative; @@ -2035,8 +2278,8 @@ html.device-full-viewport body { } .toolbar a.link { display: flex; - line-height: var(--f7-toolbar-height); - height: var(--f7-toolbar-height); + line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height)); + height: var(--f7-toolbar-link-height, var(--f7-toolbar-height)); } .toolbar i.icon { display: block; @@ -2053,42 +2296,51 @@ html.device-full-viewport body { } .toolbar-top, .ios .toolbar-top-ios, -.md .toolbar-top-md { +.md .toolbar-top-md, +.aurora .toolbar-top-aurora { top: 0; } .toolbar-top .tab-link-highlight, .ios .toolbar-top-ios .tab-link-highlight, -.md .toolbar-top-md .tab-link-highlight { +.md .toolbar-top-md .tab-link-highlight, +.aurora .toolbar-top-aurora .tab-link-highlight { bottom: 0; } .toolbar-top.no-hairline:after, .ios .toolbar-top-ios.no-hairline:after, .md .toolbar-top-md.no-hairline:after, +.aurora .toolbar-top-aurora.no-hairline:after, .toolbar-top.no-border:after, .ios .toolbar-top-ios.no-border:after, -.md .toolbar-top-md.no-border:after { +.md .toolbar-top-md.no-border:after, +.aurora .toolbar-top-aurora.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, +.aurora .toolbar-top-aurora.no-shadow:before, .toolbar-top.toolbar-hidden:before, .ios .toolbar-top-ios.toolbar-hidden:before, -.md .toolbar-top-md.toolbar-hidden:before { +.md .toolbar-top-md.toolbar-hidden:before, +.aurora .toolbar-top-aurora.toolbar-hidden:before { display: none !important; } .toolbar-top:after, .ios .toolbar-top-ios:after, .md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after, .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toolbar-top:after, .ios .toolbar-top-ios:after, -.md .toolbar-top-md:after { +.md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2105,7 +2357,8 @@ html.device-full-viewport body { } .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { content: ''; position: absolute; right: 0; @@ -2114,22 +2367,25 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-toolbar-top-shadow-image); } .toolbar-bottom, .ios .toolbar-bottom-ios, -.md .toolbar-bottom-md { +.md .toolbar-bottom-md, +.aurora .toolbar-bottom-aurora { 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 { +.md .toolbar-bottom-md .tab-link-highlight, +.aurora .toolbar-bottom-aurora .tab-link-highlight { top: 0; } .toolbar-bottom .toolbar-inner, .ios .toolbar-bottom-ios .toolbar-inner, -.md .toolbar-bottom-md .toolbar-inner { +.md .toolbar-bottom-md .toolbar-inner, +.aurora .toolbar-bottom-aurora .toolbar-inner { height: auto; top: 0; bottom: var(--f7-safe-area-bottom); @@ -2137,22 +2393,27 @@ html.device-full-viewport body { .toolbar-bottom.no-hairline:before, .ios .toolbar-bottom-ios.no-hairline:before, .md .toolbar-bottom-md.no-hairline:before, +.aurora .toolbar-bottom-aurora.no-hairline:before, .toolbar-bottom.no-border:before, .ios .toolbar-bottom-ios.no-border:before, -.md .toolbar-bottom-md.no-border:before { +.md .toolbar-bottom-md.no-border:before, +.aurora .toolbar-bottom-aurora.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, +.aurora .toolbar-bottom-aurora.no-shadow:after, .toolbar-bottom.toolbar-hidden:after, .ios .toolbar-bottom-ios.toolbar-hidden:after, -.md .toolbar-bottom-md.toolbar-hidden:after { +.md .toolbar-bottom-md.toolbar-hidden:after, +.aurora .toolbar-bottom-aurora.toolbar-hidden:after { display: none !important; } .toolbar-bottom:before, .ios .toolbar-bottom-ios:before, -.md .toolbar-bottom-md:before { +.md .toolbar-bottom-md:before, +.aurora .toolbar-bottom-aurora:before { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2169,7 +2430,8 @@ html.device-full-viewport body { } .toolbar-bottom:after, .ios .toolbar-bottom-ios:after, -.md .toolbar-bottom-md:after { +.md .toolbar-bottom-md:after, +.aurora .toolbar-bottom-aurora:after { content: ''; position: absolute; right: 0; @@ -2178,7 +2440,7 @@ html.device-full-viewport body { height: 8px; top: auto; pointer-events: none; - background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); + background: var(--f7-toolbar-bottom-shadow-image); } .toolbar-inner { position: absolute; @@ -2192,6 +2454,7 @@ html.device-full-viewport body { align-items: center; align-content: center; overflow: hidden; + padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left)); } .views > .tabbar, .views > .tabbar-labels { @@ -2201,6 +2464,10 @@ html.device-full-viewport body { .tabbar-labels a { color: var(--f7-tabbar-link-inactive-color); } +.tabbar a.tab-link:not(.tab-link-active), +.tabbar-labels a.tab-link:not(.tab-link-active) { + background-color: var(--f7-tabbar-link-inactive-bg-color, transparent); +} .tabbar a.link, .tabbar-labels a.link { line-height: 1.4; @@ -2224,6 +2491,7 @@ html.device-full-viewport body { .tabbar .tab-link-active, .tabbar-labels .tab-link-active { color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); + background-color: var(--f7-tabbar-link-active-bg-color, transparent); } .tabbar i.icon, .tabbar-labels i.icon { @@ -2259,6 +2527,7 @@ html.device-full-viewport body { } } .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; will-change: scroll-position; overflow: auto; -webkit-overflow-scrolling: touch; @@ -2280,127 +2549,92 @@ html.device-full-viewport body { .navbar-transitioning ~ * .toolbar { transition-duration: var(--f7-toolbar-hide-show-transition-duration); } +.toolbar-bottom ~ *, +.ios .toolbar-bottom-ios ~ *, +.md .toolbar-bottom-md ~ *, +.aurora .toolbar-bottom-aurora ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height); +} +.toolbar-bottom.tabbar-labels ~ *, +.ios .toolbar-bottom-ios.tabbar-labels ~ *, +.md .toolbar-bottom-md.tabbar-labels ~ *, +.aurora .toolbar-bottom-aurora.tabbar-labels ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height); +} .toolbar-bottom.toolbar-hidden, .ios .toolbar-bottom-ios.toolbar-hidden, -.md .toolbar-bottom-md.toolbar-hidden { +.md .toolbar-bottom-md.toolbar-hidden, +.aurora .toolbar-bottom-aurora.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 ~ *, +.ios .toolbar-top-ios ~ *, +.md .toolbar-top-md ~ *, +.aurora .toolbar-top-aurora ~ * { + --f7-page-toolbar-top-offset: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ *, +.ios .toolbar-top-ios.tabbar-labels ~ *, +.md .toolbar-top-md.tabbar-labels ~ *, +.aurora .toolbar-top-aurora.tabbar-labels ~ * { + --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height); } .toolbar-top.toolbar-hidden, .ios .toolbar-top-ios.toolbar-hidden, -.md .toolbar-top-md.toolbar-hidden { +.md .toolbar-top-md.toolbar-hidden, +.aurora .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, +.aurora .navbar ~ * .toolbar-top-aurora, .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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { 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, +.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora.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, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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), +.aurora .navbar-hidden + .toolbar-top-aurora: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) { +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), @@ -2408,7 +2642,8 @@ html.device-full-viewport body { .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) { +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); } .ios .toolbar a.icon-only { @@ -2419,9 +2654,6 @@ html.device-full-viewport body { 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; @@ -2479,9 +2711,6 @@ html.device-full-viewport body { 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, @@ -2489,6 +2718,10 @@ html.device-full-viewport body { padding-left: 0; padding-right: 0; } +.md .tabbar a.icon-only, +.md .tabbar-labels a.icon-only { + flex-shrink: initial; +} .md .tabbar a.tab-link, .md .tabbar-labels a.tab-link { transition-duration: 300ms; @@ -2515,12 +2748,45 @@ html.device-full-viewport body { } .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; } +.aurora .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.aurora .tabbar .toolbar-inner, +.aurora .tabbar-labels .toolbar-inner { + padding-left: 0; + padding-right: 0; +} +.aurora .tabbar a.tab-link, +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar a.link, +.aurora .tabbar-labels a.link { + transition-duration: 200ms; +} +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar-labels a.link { + padding-top: 5px; + padding-bottom: 5px; +} +.aurora .tabbar-labels a.tab-link i + span, +.aurora .tabbar-labels a.link i + span { + margin: 0; +} +.aurora .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.aurora .tabbar-scrollable a.tab-link, +.aurora .tabbar-scrollable a.link { + padding: 0 15px; +} /* === Subnavbar === */ :root { /* @@ -2530,6 +2796,7 @@ html.device-full-viewport body { --f7-subnavbar-link-color: var(--f7-bars-link-color); --f7-subnavbar-text-color: var(--f7-bars-text-color); */ + --f7-subnavbar-title-line-height: 1.2; } .ios { --f7-subnavbar-height: 44px; @@ -2537,10 +2804,13 @@ html.device-full-viewport body { --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; + --f7-subnavbar-shadow-image: none; + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ } .md { --f7-subnavbar-height: 48px; @@ -2548,10 +2818,25 @@ html.device-full-viewport body { --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); + --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image); + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ +} +.aurora { + --f7-subnavbar-height: 38px; + --f7-subnavbar-inner-padding-left: 15px; + --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-title-font-size: 26px; + --f7-subnavbar-title-font-weight: bold; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 0px; + --f7-subnavbar-shadow-image: none; + --f7-subnavbar-link-height: auto; + --f7-subnavbar-link-line-height: inherit; } .subnavbar { width: 100%; @@ -2595,8 +2880,8 @@ html.device-full-viewport body { 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); + line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height)); + height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height)); } .subnavbar a.icon-only { min-width: var(--f7-subnavbar-height); @@ -2617,7 +2902,7 @@ html.device-full-viewport body { .subnavbar:after { content: ''; position: absolute; - background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color)); display: block; z-index: 15; top: auto; @@ -2638,7 +2923,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-subnavbar-shadow-image); } .subnavbar-inner { width: 100%; @@ -2678,25 +2963,9 @@ html.device-full-viewport body { 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)); +.page-with-subnavbar, +.subnavbar ~ * { + --f7-page-subnavbar-offset: var(--f7-subnavbar-height); } .ios .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); @@ -2768,6 +3037,35 @@ html.device-full-viewport body { .md .subnavbar-inner > a.link:last-child { margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)); } +.aurora .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.aurora .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.aurora .subnavbar .left a + a, +.aurora .subnavbar .right a + a { + margin-left: 10px; +} +.aurora .subnavbar .left { + margin-right: 10px; +} +.aurora .subnavbar .right { + margin-left: 10px; +} +.aurora .subnavbar .right:first-child { + right: 15px; +} +.aurora .subnavbar a.link { + justify-content: flex-start; +} +.aurora .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} /* === Content Block === */ :root { --f7-block-font-size: inherit; @@ -2785,8 +3083,10 @@ html.device-full-viewport body { } :root .theme-dark, :root.theme-dark { + --f7-block-strong-border-color: #282829; --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; + --f7-block-strong-bg-color: #1c1c1d; } .ios { --f7-block-text-color: #6d6d72; @@ -2813,11 +3113,9 @@ html.device-full-viewport body { } .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 { @@ -2845,11 +3143,39 @@ html.device-full-viewport body { } .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; +} +.aurora { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 15px; + --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.7); + --f7-block-title-font-weight: 600; + --f7-block-title-line-height: 1.5; + --f7-block-title-margin-bottom: 5px; + --f7-block-title-medium-font-size: 20px; + --f7-block-title-medium-font-weight: 600; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 28px; + --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: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.6); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.52); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-strong-text-color: #fff; } .block { box-sizing: border-box; @@ -2868,7 +3194,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:before, +.aurora .block.no-hairlines-aurora:before, +.aurora .block.no-hairlines-aurora ul:before { display: none !important; } .block.no-hairlines:after, @@ -2876,7 +3204,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:after, +.aurora .block.no-hairlines-aurora:after, +.aurora .block.no-hairlines-aurora ul:after { display: none !important; } .block.no-hairline-top:before, @@ -2884,7 +3214,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-top-ios ul:before, +.aurora .block.no-hairline-top-aurora:before, +.aurora .block.no-hairline-top-aurora ul:before { display: none !important; } .block.no-hairline-bottom:after, @@ -2892,7 +3224,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-bottom-ios ul:after, +.aurora .block.no-hairline-bottom-aurora:after, +.aurora .block.no-hairline-bottom-aurora ul:after { display: none !important; } .block > h1:first-child, @@ -3115,6 +3449,7 @@ html.device-full-viewport body { --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-chevron-icon-font-size: 20px; --f7-list-item-title-font-size: inherit; --f7-list-item-title-font-weight: 400; --f7-list-item-title-text-color: inherit; @@ -3123,6 +3458,8 @@ html.device-full-viewport body { --f7-list-item-subtitle-font-weight: 400; --f7-list-item-subtitle-text-color: inherit; --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-text-font-weight: 400; + --f7-list-item-after-font-weight: 400; --f7-list-item-header-text-color: inherit; --f7-list-item-header-font-size: 12px; --f7-list-item-header-font-weight: 400; @@ -3130,8 +3467,23 @@ html.device-full-viewport body { --f7-list-item-footer-font-size: 12px; --f7-list-item-footer-font-weight: 400; --f7-list-item-footer-line-height: 1.2; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-item-divider-line-height: inherit; + --f7-list-group-title-line-height: inherit; +} +:root .theme-dark, +:root.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-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-chevron-icon-color: #434345; } .ios { + --f7-list-in-list-padding-left: 30px; --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; @@ -3142,11 +3494,9 @@ html.device-full-viewport body { --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; @@ -3159,11 +3509,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; /* --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; @@ -3172,29 +3521,21 @@ html.device-full-viewport body { --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-in-list-padding-left: 40px; --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; @@ -3205,11 +3546,9 @@ html.device-full-viewport body { --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; @@ -3222,9 +3561,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; --f7-list-media-item-padding-horizontal: 16px; + /* + --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); + */ --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); @@ -3233,33 +3573,88 @@ html.device-full-viewport body { --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); } +.aurora { + --f7-list-in-list-padding-left: 15px; + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 15px; + --f7-list-font-size: 14px; + --f7-list-chevron-icon-area: 15px; + --f7-list-chevron-icon-font-size: 16px; + --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-link-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-title-line-height: 1.3; + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-subtitle-line-height: 1.3; + --f7-list-item-text-font-size: 12px; + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-text-line-height: 16px; + --f7-list-item-after-font-size: 13px; + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-after-line-height: 1.2; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-min-height: 32px; + --f7-list-item-media-margin: 10px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 5px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 5px; + --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.12); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-height: 19px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 500; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 19px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6); + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 500; + --f7-list-group-title-bg-color: #f7f7f7; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-list-button-border-color: #282829; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03); +} .list { position: relative; z-index: 1; @@ -3303,6 +3698,9 @@ html.device-full-viewport body { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } +.list ul ul { + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left)); +} .list ul ul:before { display: none !important; } @@ -3497,7 +3895,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:before, +.aurora .list.no-hairlines-aurora:before, +.aurora .list.no-hairlines-aurora ul:before { display: none !important; } .list.no-hairlines:after, @@ -3505,7 +3905,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:after, +.aurora .list.no-hairlines-aurora:after, +.aurora .list.no-hairlines-aurora ul:after { display: none !important; } .list.no-hairline-top:before, @@ -3513,7 +3915,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-top-ios ul:before, +.aurora .list.no-hairline-top-aurora:before, +.aurora .list.no-hairline-top-aurora ul:before { display: none !important; } .list.no-hairline-bottom:after, @@ -3521,34 +3925,43 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-bottom-ios ul:after, +.aurora .list.no-hairline-bottom-aurora:after, +.aurora .list.no-hairline-bottom-aurora 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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios .list-group-title:after, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios.simple-list li:after, +.aurora .list.no-hairlines-between-aurora.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 { +.ios .list.no-hairlines-between-ios.links-list a:after, +.aurora .list.no-hairlines-between-aurora.links-list a:after { display: none !important; } .list-button { @@ -3666,6 +4079,10 @@ 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-title, +li.media-item .item-title { + font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit)); +} .media-list .item-inner, li.media-item .item-inner { display: block; @@ -3729,12 +4146,13 @@ li.media-item .item-link.chevron-center .item-inner:before { display: block; width: 100%; height: 100%; + font-size: 20px; position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; - font-size: 20px; + font-size: var(--f7-list-chevron-icon-font-size); line-height: 14px; color: var(--f7-list-chevron-icon-color); pointer-events: none; @@ -3826,6 +4244,10 @@ li.list-group-title, background-color: var(--f7-list-group-title-bg-color); line-height: var(--f7-list-group-title-line-height); } +.page-with-navbar-large li.list-group-title, +.page-with-navbar-large .list li.list-group-title { + top: calc(-1 * var(--f7-navbar-large-title-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)); @@ -3894,9 +4316,6 @@ li.list-group-title, --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 { @@ -3907,16 +4326,36 @@ li.list-group-title, .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; } +.aurora .list .item-media { + min-width: 18px; +} +.aurora .list .item-link .item-inner:before, +.aurora .links-list a:before, +.aurora .media-list .item-link .item-title-row:before, +.aurora li.media-item .item-link .item-title-row:before, +.aurora .media-list.chevron-center .item-link .item-inner:before, +.aurora .media-list .chevron-center .item-link .item-inner:before, +.aurora .media-list .item-link.chevron-center .item-inner:before, +.aurora li.media-item.chevron-center .item-link .item-inner:before, +.aurora li.media-item .chevron-center .item-link .item-inner:before, +.aurora li.media-item .item-link.chevron-center .item-inner:before { + content: 'chevron_right_aurora'; +} +.aurora .links-list a, +.aurora .list .item-link, +.aurora .list .list-button { + transition-duration: 0ms; +} +.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover), +.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-link-hover-bg-color); +} +.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-button-hover-bg-color); +} /* === Badge === */ :root { --f7-badge-text-color: #fff; @@ -3933,6 +4372,11 @@ li.list-group-title, .md { --f7-badge-size: 18px; } +.aurora { + --f7-badge-size: 18px; + --f7-badge-font-weight: 600; + --f7-badge-in-icon-size: 15px; +} .badge { display: inline-flex; align-items: center; @@ -3997,6 +4441,7 @@ li.list-group-title, --f7-button-outline-border-width: 1px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; + --f7-button-large-font-weight: 400; --f7-button-small-height: 26px; --f7-button-small-font-size: 13px; --f7-button-small-font-weight: 600; @@ -4017,8 +4462,9 @@ li.list-group-title, --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 500; --f7-button-small-height: 28px; - --f7-button-small-font-size: 13px; + --f7-button-small-font-size: 12px; --f7-button-small-font-weight: 500; --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; @@ -4027,6 +4473,33 @@ li.list-group-title, .md.theme-dark { --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-font-size: 14px; + --f7-button-height: 28px; + --f7-button-min-width: 24px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0.02; + --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-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 34px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 600; + --f7-button-small-height: 22px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: none; + --f7-button-small-outline-border-width: 1px; +} button { -webkit-appearance: none; -moz-appearance: none; @@ -4051,12 +4524,14 @@ button { outline: 0; box-sizing: border-box; vertical-align: middle; + justify-content: center; + align-items: center; 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); + padding: var(--f7-button-padding-vertical, 0px) 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); @@ -4082,17 +4557,20 @@ input[type="button"].button { .subnavbar .button, .navbar .button, .toolbar .button, -.searchbar .button { +.searchbar .button, +.appbar .button { color: var(--f7-button-text-color, var(--f7-theme-color)); } .button-round, .ios .button-round-ios, -.md .button-round-md { +.md .button-round-md, +.aurora .button-round-aurora { --f7-button-border-radius: var(--f7-button-height); } .button-fill, .ios .button-fill-ios, .md .button-fill-md, +.aurora .button-fill-aurora, .button-active, .button.tab-link-active { --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); @@ -4101,7 +4579,8 @@ input[type="button"].button { } .button-fill, .ios .button-fill-ios, -.md .button-fill-md { +.md .button-fill-md, +.aurora .button-fill-aurora { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); } .button-active, @@ -4110,19 +4589,23 @@ input[type="button"].button { } .button-outline, .ios .button-outline-ios, -.md .button-outline-md { +.md .button-outline-md, +.aurora .button-outline-aurora { --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 { +.md .button-large-md, +.aurora .button-large-aurora { --f7-button-height: var(--f7-button-large-height); --f7-button-font-size: var(--f7-button-large-font-size); + --f7-button-font-weight: var(--f7-button-large-font-weight); } .button-small, .ios .button-small-ios, -.md .button-small-md { +.md .button-small-md, +.aurora .button-small-aurora { --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); @@ -4173,27 +4656,32 @@ input[type="button"].button { } .segmented-round, .ios .segmented-round-ios, -.md .segmented-round-md { +.md .segmented-round-md, +.aurora .segmented-round-aurora { border-radius: var(--f7-button-height); } .segmented-raised, .ios .segmented-raised-ios, -.md .segmented-raised-md { +.md .segmented-raised-md, +.aurora .segmented-raised-aurora { 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) { +.md .segmented-raised-md .button:not(.button-outline), +.aurora .segmented-raised-aurora .button:not(.button-outline) { border-left: 1px solid var(--f7-segmented-raised-divider-color); } .button-raised, .ios .button-raised-ios, -.md .button-raised-md { +.md .button-raised-md, +.aurora .button-raised-aurora { --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 { +.md .button-raised-md.active-state, +.aurora .button-raised-aurora.active-state { --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); } .subnavbar .segmented { @@ -4218,6 +4706,23 @@ input[type="button"].button { .md .button-fill-md { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .button { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); +} +.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .button-fill, +.aurora .button-fill-aurora { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .button-fill, +.aurora .button-active, +.aurora .button.tab-link-active, +.aurora .button-fill-aurora { + --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint)); +} /* === Touch Ripple === */ :root { --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); @@ -4229,9 +4734,9 @@ input[type="button"].button { } .ripple, .fab a, -a.link, -a.item-link, -a.list-button, +.link, +.item-link, +.list-button, .button, .dialog-button, .tab-link, @@ -4384,6 +4889,40 @@ i.icon { .md .icon-prev:after { content: 'chevron_left_md'; } +.aurora .f7-icons, +.aurora .material-icons { + font-size: 18px; +} +.aurora .icon-back, +.aurora .icon-prev, +.aurora .icon-forward, +.aurora .icon-next { + width: 9px; + height: 14px; + line-height: 14px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after, +.aurora .icon-forward:after, +.aurora .icon-next:after { + line-height: inherit; +} +.aurora .item-media .icon { + color: #808080; +} +.aurora .item-media .f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after { + content: 'chevron_left_aurora'; +} +.aurora .icon-forward:after, +.aurora .icon-next:after { + content: 'chevron_right_aurora'; +} .custom-modal-backdrop { z-index: 10500; } diff --git a/framework7/css/framework7.min.css b/framework7/css/framework7.min.css index 4e221cc..c659cb6 100644 --- a/framework7/css/framework7.min.css +++ b/framework7/css/framework7.min.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 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, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.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)}.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 +: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}}:root{--f7-font-size:14px}.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-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-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}: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}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:#282829}.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, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{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 .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{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);background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.framework7-root{padding-top:var(--f7-statusbar-height)}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:400ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-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:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.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}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .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:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .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:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{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:2;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}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.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-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-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.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-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-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--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:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.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 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-link-line-height,var(--f7-navbar-height));height:var(--f7-navbar-link-height,var(--f7-navbar-height))}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{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);font-size:var(--f7-navbar-title-font-size);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)}.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-left) + 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~*{--f7-page-navbar-offset:var(--f7-navbar-height)}.navbar~* .page-with-navbar-large,.navbar~.page-with-navbar-large,.page-with-navbar-large .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.page.no-navbar,.page.no-navbar .navbar~*{--f7-page-navbar-offset:0px}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.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 .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.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}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(15px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--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-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--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-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)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.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-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-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}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.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}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.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}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.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}.aurora .toolbar-top-aurora:after,.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)))}.aurora .toolbar-top-aurora:before,.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)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.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)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.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}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.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}.aurora .toolbar-bottom-aurora:before,.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)))}.aurora .toolbar-bottom-aurora:after,.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)}.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;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.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));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.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{justify-content:flex-start;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)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.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)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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 .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 .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.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.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}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.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-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-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-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.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-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-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-subnavbar-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-subnavbar-shadow-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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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,.subnavbar~*{--f7-page-subnavbar-offset:var(--f7-subnavbar-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))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}: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-strong-border-color:#282829;--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.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-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--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-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)}.aurora{--f7-block-text-color:inherit;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--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.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--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:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.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)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.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}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.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}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.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}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.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-chevron-icon-font-size:20px;--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-text-font-weight:400;--f7-list-item-after-font-weight:400;--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;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-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-chevron-icon-color:#434345}.ios{--f7-list-in-list-padding-left:30px;--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-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--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-media-item-title-font-weight:600;--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-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}.ios .theme-dark,.ios.theme-dark{--f7-list-button-border-color:#282829;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636}.md{--f7-list-in-list-padding-left:40px;--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-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--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-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-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}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--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-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)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--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-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-button-border-color:#282829;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.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{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.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)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.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}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.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}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.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}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.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}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.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}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.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}.aurora .list.no-hairlines-between-aurora.links-list a:after,.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-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.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%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);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)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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 .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}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}: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}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.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-large-font-weight:400;--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-large-font-weight:500;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--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)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:400;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-small-height:22px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px}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;justify-content:center;align-items:center;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,0px) 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}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.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)}.aurora .button-fill-aurora,.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)}.aurora .button-outline-aurora,.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)}.aurora .button-large-aurora,.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);--f7-button-font-weight:var(--f7-button-large-font-weight)}.aurora .button-small-aurora,.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)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.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)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.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))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}: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,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-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'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.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/framework7/css/framework7.rtl.css b/framework7/css/framework7.rtl.css index 1294016..495d056 100644 --- a/framework7/css/framework7.rtl.css +++ b/framework7/css/framework7.rtl.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ /*==================== @@ -79,10 +79,12 @@ /*==================== Fonts ==================== */ +:root { + --f7-font-size: 14px; +} .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, @@ -92,13 +94,21 @@ .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); } +.aurora { + --f7-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif; + --f7-text-color: #000; + --f7-line-height: 1.5; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-color: #fff; +} /*==================== Bars ==================== */ @@ -127,6 +137,13 @@ .md { --f7-bars-border-color: transparent; } +.aurora { + --f7-bars-border-color: rgba(0, 0, 0, 0.2); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-bars-border-color: #282829; +} /*==================== Color Themes ==================== */ @@ -581,7 +598,7 @@ } @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"); + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff"); font-weight: 400; font-style: normal; } @@ -663,6 +680,10 @@ a { text-decoration: none; color: var(--f7-theme-color); } +.link, +.item-link { + cursor: pointer; +} p { margin: 1em 0; } @@ -675,7 +696,11 @@ html.device-full-viewport body { height: 100vh; } .ios .md-only, -.ios .if-md { +.ios .if-md, +.ios .aurora-only, +.ios .if-aurora, +.ios .if-not-ios, +.ios .not-ios { display: none !important; } @media (width: 1024px) and (height: 691px) and (orientation: landscape) { @@ -693,7 +718,19 @@ html.device-full-viewport body { } } .md .ios-only, -.md .if-ios { +.md .if-ios, +.md .aurora-only, +.md .if-aurora, +.md .if-not-md, +.md .not-md { + display: none !important; +} +.aurora .ios-only, +.aurora .if-ios, +.aurora .md-only, +.aurora .if-md, +.aurora .if-not-aurora, +.aurora .not-aurora { display: none !important; } /* === Statusbar === */ @@ -732,16 +769,11 @@ html.device-full-viewport body { box-sizing: border-box; display: block; height: var(--f7-statusbar-height); + background: var(--f7-statusbar-bg-color, var(--f7-bars-bg-color)); } .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 { @@ -751,21 +783,32 @@ html.device-full-viewport body { overflow: hidden; box-sizing: border-box; } +.framework7-root > .view, +.framework7-root > .views { + height: calc(100% - var(--f7-appbar-app-offset, 0px)); +} /* === Pages === */ :root { --f7-page-master-width: 320px; --f7-page-master-border-color: rgba(0, 0, 0, 0.1); --f7-page-master-border-width: 1px; + --f7-page-swipeback-transition-duration: 400ms; + /* + --f7-page-content-extra-padding-top: 0px; + --f7-page-content-extra-padding-bottom: 0px; + */ } .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; +} +.aurora { + --f7-page-bg-color: #f3f3f3; + --f7-page-transition-duration: 400ms; } .theme-dark { --f7-page-bg-color: #171717; @@ -784,8 +827,9 @@ html.device-full-viewport body { top: 0; width: 100%; height: 100%; - transform: translate3d(0, 0, 0); + transform: none; background-color: var(--f7-page-bg-color); + z-index: 1; } .page.stacked { display: none; @@ -804,6 +848,8 @@ html.device-full-viewport body { height: 100%; position: relative; z-index: 1; + padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px)); + padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px)); } .page-transitioning, .page-transitioning .page-shadow-effect, @@ -1028,6 +1074,89 @@ html.device-full-viewport body { opacity: 0; } } +.aurora .page-next { + pointer-events: none; + transform: translate3d(-100%, 0px, 0); +} +.aurora .page-next.page-next-on-right { + transform: translate3d(-100%, 0, 0); +} +.aurora .page-previous .page-opacity-effect { + opacity: 1; +} +.aurora .page-previous:after { + opacity: 1; +} +.aurora .router-transition-forward .page-next { + will-change: transform; + animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-forward .page-current { + animation: none; +} +.aurora .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: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-current { + will-change: transform, opacity; + animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards; +} +.aurora .router-transition-backward .page-previous { + animation: none; +} +.aurora .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: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards; +} +@keyframes aurora-page-next-to-current { + from { + transform: translate3d(-100%, 0, 0); + } + to { + transform: translate3d(0, 0px, 0); + } +} +@keyframes aurora-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + } + to { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes aurora-page-element-fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes aurora-page-element-fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} .view:not(.view-master-detail) .page-master-stacked { display: none; } @@ -1051,7 +1180,7 @@ html.device-full-viewport body { right: var(--f7-page-master-width); } .view-master-detail .page-master { - z-index: 1; + z-index: 2; transform: none; pointer-events: auto; } @@ -1095,6 +1224,13 @@ html.device-full-viewport body { opacity: 0.3; transition-duration: 0ms; } +.aurora .link { + transition: opacity 300ms; +} +.aurora .link.active-state { + opacity: 0.3; + transition-duration: 0ms; +} /* === Navbar === */ :root { /* @@ -1106,6 +1242,10 @@ html.device-full-viewport body { */ --f7-navbar-hide-show-transition-duration: 400ms; --f7-navbar-title-line-height: 1.2; + --f7-navbar-title-font-size: inherit; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-title-text-color: inherit; } .ios { --f7-navbar-height: 44px; @@ -1120,16 +1260,17 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .ios .theme-dark, .ios.theme-dark { @@ -1148,21 +1289,49 @@ html.device-full-viewport body { --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; + /* + --f7-navbar-link-height: var(--f7-navbar-height); + --f7-navbar-link-line-height: var(--f7-navbar-height); + */ } .md .theme-dark, .md.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85); } +.aurora { + --f7-navbar-height: 38px; + --f7-navbar-tablet-height: 38px; + --f7-navbar-font-size: 14px; + --f7-navbar-inner-padding-left: 15px; + --f7-navbar-inner-padding-right: 15px; + --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: rgba(0, 0, 0, 0.6); + --f7-navbar-subtitle-font-size: 12px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 38px; + --f7-navbar-large-title-font-size: 26px; + --f7-navbar-large-title-font-weight: bold; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-left: 15px; + --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-link-height: auto; + --f7-navbar-link-line-height: inherit; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); +} .navbar { --f7-navbar-large-collapse-progress: 0; position: relative; @@ -1181,12 +1350,6 @@ html.device-full-viewport body { 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; } @@ -1196,8 +1359,8 @@ html.device-full-viewport body { .navbar a.link { display: flex; justify-content: flex-start; - line-height: var(--f7-navbar-height); - height: var(--f7-navbar-height); + line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height)); + height: var(--f7-navbar-link-height, var(--f7-navbar-height)); } .navbar .title, .navbar .left, @@ -1206,7 +1369,6 @@ html.device-full-viewport body { z-index: 10; } .navbar .title { - text-align: center; position: relative; overflow: hidden; text-overflow: ellipsis; @@ -1216,6 +1378,7 @@ html.device-full-viewport body { display: inline-block; line-height: var(--f7-navbar-title-line-height); text-align: var(--f7-navbar-title-text-align); + font-size: var(--f7-navbar-title-font-size); margin-right: var(--f7-navbar-title-margin-left); margin-left: var(--f7-navbar-title-margin-left); } @@ -1282,7 +1445,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-navbar-shadow-image); } .navbar:after { z-index: 1; @@ -1323,7 +1486,7 @@ html.device-full-viewport body { 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)); + padding: 0 calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left)); } .navbar-inner.stacked { display: none; @@ -1404,22 +1567,28 @@ html.device-full-viewport body { .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 ~ * { + --f7-page-navbar-offset: var(--f7-navbar-height); +} +.navbar ~ * .page-with-navbar-large, +.navbar ~ .page-with-navbar-large, +.page-with-navbar-large .navbar ~ * { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-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)); +.page.no-navbar, +.page.no-navbar .navbar ~ * { + --f7-page-navbar-offset: 0px; } .ios { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); } +.ios .navbar .material-icons { + width: 24px; +} +.ios .navbar .f7-icons { + width: 28px; +} .ios .navbar a.icon-only { width: 44px; margin: 0; @@ -1900,6 +2069,12 @@ html.device-full-viewport body { opacity: 1; } } +.md .navbar .material-icons { + width: 24px; +} +.md .navbar .f7-icons { + width: 28px; +} .md .navbar a.link { padding: 0 16px; min-width: 48px; @@ -1953,6 +2128,39 @@ html.device-full-viewport body { .md .navbar-inner-centered-title .title { text-align: center; } +.aurora .navbar a.icon-only { + margin: 0; + justify-content: center; +} +.aurora .navbar .left a + a, +.aurora .navbar .right a + a { + margin-right: 10px; +} +.aurora .navbar b { + font-weight: bold; +} +.aurora .navbar .left { + margin-left: 10px; +} +.aurora .navbar .right { + margin-right: 10px; +} +.aurora .navbar .right:first-child { + left: calc(15px + var(--f7-safe-area-left)); +} +.aurora .navbar-inner { + justify-content: space-between; +} +.aurora .navbar-inner-left-title { + justify-content: flex-start; +} +.aurora .navbar-inner-left-title .right { + margin-right: auto; +} +.aurora .navbar-inner-left-title .title { + text-align: left; + margin-left: 10px; +} /* === Toolbar === */ :root { /* @@ -1961,18 +2169,24 @@ html.device-full-viewport body { --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-tabbar-link-active-color: var(--f7-theme-color); */ + --f7-tabbar-link-active-bg-color: transparent; + --f7-tabbar-label-text-transform: none; --f7-toolbar-hide-show-transition-duration: 400ms; } .ios { --f7-toolbar-height: 44px; --f7-toolbar-font-size: 17px; + --f7-toolbar-inner-padding-left: 8px; + --f7-toolbar-inner-padding-right: 8px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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; @@ -1981,18 +2195,22 @@ html.device-full-viewport body { --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-toolbar-inner-padding-left: 0px; + --f7-toolbar-inner-padding-right: 0px; + /* + --f7-toolbar-link-height: var(--f7-toolbar-height); + --f7-toolbar-link-line-height: var(--f7-toolbar-height); + */ --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); @@ -2003,7 +2221,6 @@ html.device-full-viewport body { --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; } @@ -2011,6 +2228,32 @@ html.device-full-viewport body { .md.theme-dark { --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54); } +.aurora { + --f7-toolbar-height: 38px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 15px; + --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-link-height: auto; + --f7-toolbar-link-line-height: inherit; + --f7-tabbar-labels-height: 44px; + --f7-tabbar-labels-tablet-height: 44px; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5); + --f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2); + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 18px; + --f7-tabbar-link-text-transform: none; + --f7-tabbar-link-font-weight: 400; + --f7-tabbar-link-letter-spacing: 0; + --f7-tabbar-label-font-size: 12px; + --f7-tabbar-label-tablet-font-size: 12px; + --f7-tabbar-label-font-weight: 500; + --f7-tabbar-label-letter-spacing: 0.01; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5); +} .toolbar { width: 100%; position: relative; @@ -2040,8 +2283,8 @@ html.device-full-viewport body { } .toolbar a.link { display: flex; - line-height: var(--f7-toolbar-height); - height: var(--f7-toolbar-height); + line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height)); + height: var(--f7-toolbar-link-height, var(--f7-toolbar-height)); } .toolbar i.icon { display: block; @@ -2058,42 +2301,51 @@ html.device-full-viewport body { } .toolbar-top, .ios .toolbar-top-ios, -.md .toolbar-top-md { +.md .toolbar-top-md, +.aurora .toolbar-top-aurora { top: 0; } .toolbar-top .tab-link-highlight, .ios .toolbar-top-ios .tab-link-highlight, -.md .toolbar-top-md .tab-link-highlight { +.md .toolbar-top-md .tab-link-highlight, +.aurora .toolbar-top-aurora .tab-link-highlight { bottom: 0; } .toolbar-top.no-hairline:after, .ios .toolbar-top-ios.no-hairline:after, .md .toolbar-top-md.no-hairline:after, +.aurora .toolbar-top-aurora.no-hairline:after, .toolbar-top.no-border:after, .ios .toolbar-top-ios.no-border:after, -.md .toolbar-top-md.no-border:after { +.md .toolbar-top-md.no-border:after, +.aurora .toolbar-top-aurora.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, +.aurora .toolbar-top-aurora.no-shadow:before, .toolbar-top.toolbar-hidden:before, .ios .toolbar-top-ios.toolbar-hidden:before, -.md .toolbar-top-md.toolbar-hidden:before { +.md .toolbar-top-md.toolbar-hidden:before, +.aurora .toolbar-top-aurora.toolbar-hidden:before { display: none !important; } .toolbar-top:after, .ios .toolbar-top-ios:after, .md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after, .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toolbar-top:after, .ios .toolbar-top-ios:after, -.md .toolbar-top-md:after { +.md .toolbar-top-md:after, +.aurora .toolbar-top-aurora:after { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2110,7 +2362,8 @@ html.device-full-viewport body { } .toolbar-top:before, .ios .toolbar-top-ios:before, -.md .toolbar-top-md:before { +.md .toolbar-top-md:before, +.aurora .toolbar-top-aurora:before { content: ''; position: absolute; right: 0; @@ -2119,22 +2372,25 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-toolbar-top-shadow-image); } .toolbar-bottom, .ios .toolbar-bottom-ios, -.md .toolbar-bottom-md { +.md .toolbar-bottom-md, +.aurora .toolbar-bottom-aurora { 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 { +.md .toolbar-bottom-md .tab-link-highlight, +.aurora .toolbar-bottom-aurora .tab-link-highlight { top: 0; } .toolbar-bottom .toolbar-inner, .ios .toolbar-bottom-ios .toolbar-inner, -.md .toolbar-bottom-md .toolbar-inner { +.md .toolbar-bottom-md .toolbar-inner, +.aurora .toolbar-bottom-aurora .toolbar-inner { height: auto; top: 0; bottom: var(--f7-safe-area-bottom); @@ -2142,22 +2398,27 @@ html.device-full-viewport body { .toolbar-bottom.no-hairline:before, .ios .toolbar-bottom-ios.no-hairline:before, .md .toolbar-bottom-md.no-hairline:before, +.aurora .toolbar-bottom-aurora.no-hairline:before, .toolbar-bottom.no-border:before, .ios .toolbar-bottom-ios.no-border:before, -.md .toolbar-bottom-md.no-border:before { +.md .toolbar-bottom-md.no-border:before, +.aurora .toolbar-bottom-aurora.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, +.aurora .toolbar-bottom-aurora.no-shadow:after, .toolbar-bottom.toolbar-hidden:after, .ios .toolbar-bottom-ios.toolbar-hidden:after, -.md .toolbar-bottom-md.toolbar-hidden:after { +.md .toolbar-bottom-md.toolbar-hidden:after, +.aurora .toolbar-bottom-aurora.toolbar-hidden:after { display: none !important; } .toolbar-bottom:before, .ios .toolbar-bottom-ios:before, -.md .toolbar-bottom-md:before { +.md .toolbar-bottom-md:before, +.aurora .toolbar-bottom-aurora:before { content: ''; position: absolute; background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); @@ -2174,7 +2435,8 @@ html.device-full-viewport body { } .toolbar-bottom:after, .ios .toolbar-bottom-ios:after, -.md .toolbar-bottom-md:after { +.md .toolbar-bottom-md:after, +.aurora .toolbar-bottom-aurora:after { content: ''; position: absolute; right: 0; @@ -2183,7 +2445,7 @@ html.device-full-viewport body { height: 8px; top: auto; pointer-events: none; - background: var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)); + background: var(--f7-toolbar-bottom-shadow-image); } .toolbar-inner { position: absolute; @@ -2197,6 +2459,7 @@ html.device-full-viewport body { align-items: center; align-content: center; overflow: hidden; + padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left)); } .views > .tabbar, .views > .tabbar-labels { @@ -2206,6 +2469,10 @@ html.device-full-viewport body { .tabbar-labels a { color: var(--f7-tabbar-link-inactive-color); } +.tabbar a.tab-link:not(.tab-link-active), +.tabbar-labels a.tab-link:not(.tab-link-active) { + background-color: var(--f7-tabbar-link-inactive-bg-color, transparent); +} .tabbar a.link, .tabbar-labels a.link { line-height: 1.4; @@ -2229,6 +2496,7 @@ html.device-full-viewport body { .tabbar .tab-link-active, .tabbar-labels .tab-link-active { color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); + background-color: var(--f7-tabbar-link-active-bg-color, transparent); } .tabbar i.icon, .tabbar-labels i.icon { @@ -2264,6 +2532,7 @@ html.device-full-viewport body { } } .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; will-change: scroll-position; overflow: auto; -webkit-overflow-scrolling: touch; @@ -2285,127 +2554,92 @@ html.device-full-viewport body { .navbar-transitioning ~ * .toolbar { transition-duration: var(--f7-toolbar-hide-show-transition-duration); } +.toolbar-bottom ~ *, +.ios .toolbar-bottom-ios ~ *, +.md .toolbar-bottom-md ~ *, +.aurora .toolbar-bottom-aurora ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height); +} +.toolbar-bottom.tabbar-labels ~ *, +.ios .toolbar-bottom-ios.tabbar-labels ~ *, +.md .toolbar-bottom-md.tabbar-labels ~ *, +.aurora .toolbar-bottom-aurora.tabbar-labels ~ * { + --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height); +} .toolbar-bottom.toolbar-hidden, .ios .toolbar-bottom-ios.toolbar-hidden, -.md .toolbar-bottom-md.toolbar-hidden { +.md .toolbar-bottom-md.toolbar-hidden, +.aurora .toolbar-bottom-aurora.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 ~ *, +.ios .toolbar-top-ios ~ *, +.md .toolbar-top-md ~ *, +.aurora .toolbar-top-aurora ~ * { + --f7-page-toolbar-top-offset: var(--f7-toolbar-height); +} +.toolbar-top.tabbar-labels ~ *, +.ios .toolbar-top-ios.tabbar-labels ~ *, +.md .toolbar-top-md.tabbar-labels ~ *, +.aurora .toolbar-top-aurora.tabbar-labels ~ * { + --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height); } .toolbar-top.toolbar-hidden, .ios .toolbar-top-ios.toolbar-hidden, -.md .toolbar-top-md.toolbar-hidden { +.md .toolbar-top-md.toolbar-hidden, +.aurora .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, +.aurora .navbar ~ * .toolbar-top-aurora, .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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { 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, +.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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, +.aurora .navbar ~ .toolbar-top-aurora.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, +.aurora .navbar ~ * .toolbar-top-aurora.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 { +.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, +.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.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), +.aurora .navbar-hidden + .toolbar-top-aurora: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) { +.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-large-hidden + .toolbar-top:not(.toolbar-hidden), @@ -2413,7 +2647,8 @@ html.device-full-viewport body { .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) { +.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden), +.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-navbar-large-title-height))), 0); } .ios .toolbar a.icon-only { @@ -2424,9 +2659,6 @@ html.device-full-viewport body { 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; @@ -2484,9 +2716,6 @@ html.device-full-viewport body { 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, @@ -2494,6 +2723,10 @@ html.device-full-viewport body { padding-left: 0; padding-right: 0; } +.md .tabbar a.icon-only, +.md .tabbar-labels a.icon-only { + flex-shrink: initial; +} .md .tabbar a.tab-link, .md .tabbar-labels a.tab-link { transition-duration: 300ms; @@ -2521,12 +2754,45 @@ html.device-full-viewport body { } .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; } +.aurora .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; +} +.aurora .tabbar .toolbar-inner, +.aurora .tabbar-labels .toolbar-inner { + padding-left: 0; + padding-right: 0; +} +.aurora .tabbar a.tab-link, +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar a.link, +.aurora .tabbar-labels a.link { + transition-duration: 200ms; +} +.aurora .tabbar-labels a.tab-link, +.aurora .tabbar-labels a.link { + padding-top: 5px; + padding-bottom: 5px; +} +.aurora .tabbar-labels a.tab-link i + span, +.aurora .tabbar-labels a.link i + span { + margin: 0; +} +.aurora .tabbar-scrollable .toolbar-inner { + justify-content: flex-start; +} +.aurora .tabbar-scrollable a.tab-link, +.aurora .tabbar-scrollable a.link { + padding: 0 15px; +} /* === Subnavbar === */ :root { /* @@ -2536,6 +2802,7 @@ html.device-full-viewport body { --f7-subnavbar-link-color: var(--f7-bars-link-color); --f7-subnavbar-text-color: var(--f7-bars-text-color); */ + --f7-subnavbar-title-line-height: 1.2; } .ios { --f7-subnavbar-height: 44px; @@ -2543,10 +2810,13 @@ html.device-full-viewport body { --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; + --f7-subnavbar-shadow-image: none; + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ } .md { --f7-subnavbar-height: 48px; @@ -2554,10 +2824,25 @@ html.device-full-viewport body { --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); + --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image); + /* + --f7-subnavbar-link-height: var(--f7-subnavbar-height); + --f7-subnavbar-link-line-height: var(--f7-subnavbar-height); + */ +} +.aurora { + --f7-subnavbar-height: 38px; + --f7-subnavbar-inner-padding-left: 15px; + --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-title-font-size: 26px; + --f7-subnavbar-title-font-weight: bold; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 0px; + --f7-subnavbar-shadow-image: none; + --f7-subnavbar-link-height: auto; + --f7-subnavbar-link-line-height: inherit; } .subnavbar { width: 100%; @@ -2601,8 +2886,8 @@ html.device-full-viewport body { 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); + line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height)); + height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height)); } .subnavbar a.icon-only { min-width: var(--f7-subnavbar-height); @@ -2623,7 +2908,7 @@ html.device-full-viewport body { .subnavbar:after { content: ''; position: absolute; - background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color)); display: block; z-index: 15; top: auto; @@ -2644,7 +2929,7 @@ html.device-full-viewport body { bottom: auto; height: 8px; pointer-events: none; - background: var(--f7-navbar-shadow-image, var(--f7-bars-shadow-bottom-image)); + background: var(--f7-subnavbar-shadow-image); } .subnavbar-inner { width: 100%; @@ -2684,25 +2969,9 @@ html.device-full-viewport body { 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)); +.page-with-subnavbar, +.subnavbar ~ * { + --f7-page-subnavbar-offset: var(--f7-subnavbar-height); } .ios .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); @@ -2774,6 +3043,35 @@ html.device-full-viewport body { .md .subnavbar-inner > a.link:last-child { margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)); } +.aurora .subnavbar { + height: calc(var(--f7-subnavbar-height) + 1px); + margin-top: -1px; + padding-top: 1px; +} +.aurora .subnavbar .title { + align-self: flex-start; + flex-shrink: 10; +} +.aurora .subnavbar .left a + a, +.aurora .subnavbar .right a + a { + margin-right: 10px; +} +.aurora .subnavbar .left { + margin-left: 10px; +} +.aurora .subnavbar .right { + margin-right: 10px; +} +.aurora .subnavbar .right:first-child { + left: 15px; +} +.aurora .subnavbar a.link { + justify-content: flex-start; +} +.aurora .subnavbar a.icon-only { + justify-content: center; + margin: 0; +} /* === Content Block === */ :root { --f7-block-font-size: inherit; @@ -2791,8 +3089,10 @@ html.device-full-viewport body { } :root .theme-dark, :root.theme-dark { + --f7-block-strong-border-color: #282829; --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; + --f7-block-strong-bg-color: #1c1c1d; } .ios { --f7-block-text-color: #6d6d72; @@ -2819,11 +3119,9 @@ html.device-full-viewport body { } .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 { @@ -2851,11 +3149,39 @@ html.device-full-viewport body { } .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; +} +.aurora { + --f7-block-text-color: inherit; + --f7-block-padding-horizontal: 15px; + --f7-block-padding-vertical: 15px; + --f7-block-margin-vertical: 15px; + --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.7); + --f7-block-title-font-weight: 600; + --f7-block-title-line-height: 1.5; + --f7-block-title-margin-bottom: 5px; + --f7-block-title-medium-font-size: 20px; + --f7-block-title-medium-font-weight: 600; + --f7-block-title-medium-line-height: 1.4; + --f7-block-title-large-font-size: 28px; + --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: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.6); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-block-title-text-color: #fff; + --f7-block-header-text-color: rgba(255, 255, 255, 0.52); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-strong-text-color: #fff; } .block { box-sizing: border-box; @@ -2874,7 +3200,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:before, +.aurora .block.no-hairlines-aurora:before, +.aurora .block.no-hairlines-aurora ul:before { display: none !important; } .block.no-hairlines:after, @@ -2882,7 +3210,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairlines-ios ul:after, +.aurora .block.no-hairlines-aurora:after, +.aurora .block.no-hairlines-aurora ul:after { display: none !important; } .block.no-hairline-top:before, @@ -2890,7 +3220,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-top-ios ul:before, +.aurora .block.no-hairline-top-aurora:before, +.aurora .block.no-hairline-top-aurora ul:before { display: none !important; } .block.no-hairline-bottom:after, @@ -2898,7 +3230,9 @@ html.device-full-viewport body { .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 { +.ios .block.no-hairline-bottom-ios ul:after, +.aurora .block.no-hairline-bottom-aurora:after, +.aurora .block.no-hairline-bottom-aurora ul:after { display: none !important; } .block > h1:first-child, @@ -3121,6 +3455,7 @@ html.device-full-viewport body { --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: #c7c7cc; + --f7-list-chevron-icon-font-size: 20px; --f7-list-item-title-font-size: inherit; --f7-list-item-title-font-weight: 400; --f7-list-item-title-text-color: inherit; @@ -3129,6 +3464,8 @@ html.device-full-viewport body { --f7-list-item-subtitle-font-weight: 400; --f7-list-item-subtitle-text-color: inherit; --f7-list-item-subtitle-line-height: inherit; + --f7-list-item-text-font-weight: 400; + --f7-list-item-after-font-weight: 400; --f7-list-item-header-text-color: inherit; --f7-list-item-header-font-size: 12px; --f7-list-item-header-font-weight: 400; @@ -3136,8 +3473,23 @@ html.device-full-viewport body { --f7-list-item-footer-font-size: 12px; --f7-list-item-footer-font-weight: 400; --f7-list-item-footer-line-height: 1.2; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-item-divider-line-height: inherit; + --f7-list-group-title-line-height: inherit; +} +:root .theme-dark, +:root.theme-dark { + --f7-list-bg-color: #1c1c1d; + --f7-list-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-chevron-icon-color: #434345; } .ios { + --f7-list-in-list-padding-left: 30px; --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; @@ -3148,11 +3500,9 @@ html.device-full-viewport body { --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; @@ -3165,11 +3515,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; /* --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; @@ -3178,29 +3527,21 @@ html.device-full-viewport body { --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-in-list-padding-left: 40px; --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; @@ -3211,11 +3552,9 @@ html.device-full-viewport body { --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; @@ -3228,9 +3567,10 @@ html.device-full-viewport body { --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; --f7-list-media-item-padding-horizontal: 16px; + /* + --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); + */ --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); @@ -3239,33 +3579,88 @@ html.device-full-viewport body { --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); } +.aurora { + --f7-list-in-list-padding-left: 15px; + --f7-list-inset-side-margin: 15px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 15px; + --f7-list-font-size: 14px; + --f7-list-chevron-icon-area: 15px; + --f7-list-chevron-icon-font-size: 16px; + --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-link-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-title-line-height: 1.3; + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-subtitle-line-height: 1.3; + --f7-list-item-text-font-size: 12px; + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-text-line-height: 16px; + --f7-list-item-after-font-size: 13px; + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-after-line-height: 1.2; + --f7-list-item-after-padding: 5px; + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-min-height: 32px; + --f7-list-item-media-margin: 10px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-cell-margin: 15px; + --f7-list-item-padding-vertical: 5px; + --f7-list-item-padding-horizontal: 15px; + --f7-list-media-item-padding-vertical: 5px; + --f7-list-media-item-padding-horizontal: 15px; + --f7-list-media-item-title-font-weight: 600; + /* + --f7-list-button-text-color: var(--f7-theme-color); + */ + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.12); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-height: 19px; + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 500; + --f7-list-item-divider-bg-color: #f7f7f7; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 19px; + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6); + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 500; + --f7-list-group-title-bg-color: #f7f7f7; +} +.aurora .theme-dark, +.aurora.theme-dark { + --f7-list-button-border-color: #282829; + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03); +} .list { position: relative; z-index: 1; @@ -3309,6 +3704,9 @@ html.device-full-viewport body { transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } +.list ul ul { + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left)); +} .list ul ul:before { display: none !important; } @@ -3500,7 +3898,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:before, +.aurora .list.no-hairlines-aurora:before, +.aurora .list.no-hairlines-aurora ul:before { display: none !important; } .list.no-hairlines:after, @@ -3508,7 +3908,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairlines-ios ul:after, +.aurora .list.no-hairlines-aurora:after, +.aurora .list.no-hairlines-aurora ul:after { display: none !important; } .list.no-hairline-top:before, @@ -3516,7 +3918,9 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-top-ios ul:before, +.aurora .list.no-hairline-top-aurora:before, +.aurora .list.no-hairline-top-aurora ul:before { display: none !important; } .list.no-hairline-bottom:after, @@ -3524,34 +3928,43 @@ html.device-full-viewport body { .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 { +.ios .list.no-hairline-bottom-ios ul:after, +.aurora .list.no-hairline-bottom-aurora:after, +.aurora .list.no-hairline-bottom-aurora 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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios .list-group-title:after, +.aurora .list.no-hairlines-between-aurora .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 { +.ios .list.no-hairlines-between-ios.simple-list li:after, +.aurora .list.no-hairlines-between-aurora.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 { +.ios .list.no-hairlines-between-ios.links-list a:after, +.aurora .list.no-hairlines-between-aurora.links-list a:after { display: none !important; } .list-button { @@ -3670,6 +4083,10 @@ 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-title, +li.media-item .item-title { + font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit)); +} .media-list .item-inner, li.media-item .item-inner { display: block; @@ -3733,12 +4150,13 @@ li.media-item .item-link.chevron-center .item-inner:before { display: block; width: 100%; height: 100%; + font-size: 20px; position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; - font-size: 20px; + font-size: var(--f7-list-chevron-icon-font-size); line-height: 14px; color: var(--f7-list-chevron-icon-color); pointer-events: none; @@ -3830,6 +4248,10 @@ li.list-group-title, background-color: var(--f7-list-group-title-bg-color); line-height: var(--f7-list-group-title-line-height); } +.page-with-navbar-large li.list-group-title, +.page-with-navbar-large .list li.list-group-title { + top: calc(-1 * var(--f7-navbar-large-title-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)); @@ -3898,9 +4320,6 @@ li.list-group-title, --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 { @@ -3911,16 +4330,36 @@ li.list-group-title, .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; } +.aurora .list .item-media { + min-width: 18px; +} +.aurora .list .item-link .item-inner:before, +.aurora .links-list a:before, +.aurora .media-list .item-link .item-title-row:before, +.aurora li.media-item .item-link .item-title-row:before, +.aurora .media-list.chevron-center .item-link .item-inner:before, +.aurora .media-list .chevron-center .item-link .item-inner:before, +.aurora .media-list .item-link.chevron-center .item-inner:before, +.aurora li.media-item.chevron-center .item-link .item-inner:before, +.aurora li.media-item .chevron-center .item-link .item-inner:before, +.aurora li.media-item .item-link.chevron-center .item-inner:before { + content: 'chevron_left_aurora'; +} +.aurora .links-list a, +.aurora .list .item-link, +.aurora .list .list-button { + transition-duration: 0ms; +} +.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover), +.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-link-hover-bg-color); +} +.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-button-hover-bg-color); +} /* === Badge === */ :root { --f7-badge-text-color: #fff; @@ -3937,6 +4376,11 @@ li.list-group-title, .md { --f7-badge-size: 18px; } +.aurora { + --f7-badge-size: 18px; + --f7-badge-font-weight: 600; + --f7-badge-in-icon-size: 15px; +} .badge { display: inline-flex; align-items: center; @@ -4001,6 +4445,7 @@ li.list-group-title, --f7-button-outline-border-width: 1px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; + --f7-button-large-font-weight: 400; --f7-button-small-height: 26px; --f7-button-small-font-size: 13px; --f7-button-small-font-weight: 600; @@ -4021,8 +4466,9 @@ li.list-group-title, --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 500; --f7-button-small-height: 28px; - --f7-button-small-font-size: 13px; + --f7-button-small-font-size: 12px; --f7-button-small-font-weight: 500; --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; @@ -4031,6 +4477,33 @@ li.list-group-title, .md.theme-dark { --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1); } +.aurora { + /* + --f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07); + --f7-button-fill-hover-bg-color: var(--f7-theme-color-tint); + */ + --f7-button-font-size: 14px; + --f7-button-height: 28px; + --f7-button-min-width: 24px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 400; + --f7-button-letter-spacing: 0.02; + --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-shade); + */ + --f7-button-outline-border-width: 2px; + --f7-button-large-height: 34px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 600; + --f7-button-small-height: 22px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: none; + --f7-button-small-outline-border-width: 1px; +} button { -webkit-appearance: none; -moz-appearance: none; @@ -4055,12 +4528,14 @@ button { outline: 0; box-sizing: border-box; vertical-align: middle; + justify-content: center; + align-items: center; 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); + padding: var(--f7-button-padding-vertical, 0px) 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); @@ -4086,17 +4561,20 @@ input[type="button"].button { .subnavbar .button, .navbar .button, .toolbar .button, -.searchbar .button { +.searchbar .button, +.appbar .button { color: var(--f7-button-text-color, var(--f7-theme-color)); } .button-round, .ios .button-round-ios, -.md .button-round-md { +.md .button-round-md, +.aurora .button-round-aurora { --f7-button-border-radius: var(--f7-button-height); } .button-fill, .ios .button-fill-ios, .md .button-fill-md, +.aurora .button-fill-aurora, .button-active, .button.tab-link-active { --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color)); @@ -4105,7 +4583,8 @@ input[type="button"].button { } .button-fill, .ios .button-fill-ios, -.md .button-fill-md { +.md .button-fill-md, +.aurora .button-fill-aurora { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color); } .button-active, @@ -4114,19 +4593,23 @@ input[type="button"].button { } .button-outline, .ios .button-outline-ios, -.md .button-outline-md { +.md .button-outline-md, +.aurora .button-outline-aurora { --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 { +.md .button-large-md, +.aurora .button-large-aurora { --f7-button-height: var(--f7-button-large-height); --f7-button-font-size: var(--f7-button-large-font-size); + --f7-button-font-weight: var(--f7-button-large-font-weight); } .button-small, .ios .button-small-ios, -.md .button-small-md { +.md .button-small-md, +.aurora .button-small-aurora { --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); @@ -4177,27 +4660,32 @@ input[type="button"].button { } .segmented-round, .ios .segmented-round-ios, -.md .segmented-round-md { +.md .segmented-round-md, +.aurora .segmented-round-aurora { border-radius: var(--f7-button-height); } .segmented-raised, .ios .segmented-raised-ios, -.md .segmented-raised-md { +.md .segmented-raised-md, +.aurora .segmented-raised-aurora { 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) { +.md .segmented-raised-md .button:not(.button-outline), +.aurora .segmented-raised-aurora .button:not(.button-outline) { border-right: 1px solid var(--f7-segmented-raised-divider-color); } .button-raised, .ios .button-raised-ios, -.md .button-raised-md { +.md .button-raised-md, +.aurora .button-raised-aurora { --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 { +.md .button-raised-md.active-state, +.aurora .button-raised-aurora.active-state { --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); } .subnavbar .segmented { @@ -4222,6 +4710,23 @@ input[type="button"].button { .md .button-fill-md { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); } +.aurora .button { + transition-duration: 100ms; + transform: translate3d(0, 0, 0); +} +.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07)); +} +.aurora .button-fill, +.aurora .button-fill-aurora { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)); +} +.aurora .button-fill, +.aurora .button-active, +.aurora .button.tab-link-active, +.aurora .button-fill-aurora { + --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint)); +} /* === Touch Ripple === */ :root { --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); @@ -4233,9 +4738,9 @@ input[type="button"].button { } .ripple, .fab a, -a.link, -a.item-link, -a.list-button, +.link, +.item-link, +.list-button, .button, .dialog-button, .tab-link, @@ -4388,6 +4893,40 @@ i.icon { .md .icon-prev:after { content: 'chevron_right_md'; } +.aurora .f7-icons, +.aurora .material-icons { + font-size: 18px; +} +.aurora .icon-back, +.aurora .icon-prev, +.aurora .icon-forward, +.aurora .icon-next { + width: 9px; + height: 14px; + line-height: 14px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after, +.aurora .icon-forward:after, +.aurora .icon-next:after { + line-height: inherit; +} +.aurora .item-media .icon { + color: #808080; +} +.aurora .item-media .f7-icons { + font-size: 18px; + width: 18px; + height: 18px; +} +.aurora .icon-back:after, +.aurora .icon-prev:after { + content: 'chevron_right_aurora'; +} +.aurora .icon-forward:after, +.aurora .icon-next:after { + content: 'chevron_left_aurora'; +} .custom-modal-backdrop { z-index: 10500; } diff --git a/framework7/css/framework7.rtl.min.css b/framework7/css/framework7.rtl.min.css index 5833e55..4012df1 100644 --- a/framework7/css/framework7.rtl.min.css +++ b/framework7/css/framework7.rtl.min.css @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 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, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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}.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.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)}.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 +: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}}:root{--f7-font-size:14px}.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-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-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}: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}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:#282829}.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, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") 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)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{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 .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{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);background:var(--f7-statusbar-bg-color,var(--f7-bars-bg-color))}.framework7-root{padding-top:var(--f7-statusbar-height)}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:400ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-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:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.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;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.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}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .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:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .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:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{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:2;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}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.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-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-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.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-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-letter-spacing:0;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--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:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.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 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-link-line-height,var(--f7-navbar-height));height:var(--f7-navbar-link-height,var(--f7-navbar-height))}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:10}.navbar .title{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);font-size:var(--f7-navbar-title-font-size);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)}.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-left) + 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~*{--f7-page-navbar-offset:var(--f7-navbar-height)}.navbar~* .page-with-navbar-large,.navbar~.page-with-navbar-large,.page-with-navbar-large .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height))}.page.no-navbar,.page.no-navbar .navbar~*{--f7-page-navbar-offset:0px}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left)}.ios .navbar .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.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 .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.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}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(15px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--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-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--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-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)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.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-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-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}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.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}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.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}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.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}.aurora .toolbar-top-aurora:after,.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)))}.aurora .toolbar-top-aurora:before,.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)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.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)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.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}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.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}.aurora .toolbar-bottom-aurora:before,.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)))}.aurora .toolbar-bottom-aurora:after,.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)}.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;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.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));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.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{justify-content:flex-start;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)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.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)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.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 .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 .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.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.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}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.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-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-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-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.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-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-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-subnavbar-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-subnavbar-shadow-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~.page-with-navbar-large:not(.no-navbar) .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~* .subnavbar,.page-with-subnavbar.page-with-navbar-large .navbar~.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)}.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,.subnavbar~*{--f7-page-subnavbar-offset:var(--f7-subnavbar-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))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}: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-strong-border-color:#282829;--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.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-title-text-color:#8E8E93;--f7-block-header-text-color:#8E8E93;--f7-block-footer-text-color:#8E8E93;--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-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)}.aurora{--f7-block-text-color:inherit;--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--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.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--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:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.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)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.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}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.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}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.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}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.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-chevron-icon-font-size:20px;--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-text-font-weight:400;--f7-list-item-after-font-weight:400;--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;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-bg-color:#1c1c1d;--f7-list-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-chevron-icon-color:#434345}.ios{--f7-list-in-list-padding-left:30px;--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-text-color:#8e8e93;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--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-media-item-title-font-weight:600;--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-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}.ios .theme-dark,.ios.theme-dark{--f7-list-button-border-color:#282829;--f7-list-link-pressed-bg-color:#363636;--f7-list-button-pressed-bg-color:#363636}.md{--f7-list-in-list-padding-left:40px;--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-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--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-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-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}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--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-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)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--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-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:#f7f7f7;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-button-border-color:#282829;--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.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{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.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)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.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}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.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}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.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}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.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}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.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}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.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}.aurora .list.no-hairlines-between-aurora.links-list a:after,.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-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.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%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);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)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-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.swipeout:first-child,.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.swipeout:last-child,.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.swipeout:first-child:last-child,.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 .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}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}: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}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.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-large-font-weight:400;--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-large-font-weight:500;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--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)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:400;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-small-height:22px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px}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;justify-content:center;align-items:center;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,0px) 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}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.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)}.aurora .button-fill-aurora,.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)}.aurora .button-outline-aurora,.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)}.aurora .button-large-aurora,.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);--f7-button-font-weight:var(--f7-button-large-font-weight)}.aurora .button-small-aurora,.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)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.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)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.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))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}: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,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-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'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.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/framework7/js/framework7.bundle.d.ts b/framework7/js/framework7.bundle.d.ts index f4174b9..1f98e36 100644 --- a/framework7/js/framework7.bundle.d.ts +++ b/framework7/js/framework7.bundle.d.ts @@ -22,6 +22,7 @@ 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 {Appbar as AppbarNamespace} from '../components/appbar/appbar'; import {Autocomplete as AutocompleteNamespace} from '../components/autocomplete/autocomplete'; import {Badge as BadgeNamespace} from '../components/badge/badge'; import {Block as BlockNamespace} from '../components/block/block'; @@ -30,6 +31,7 @@ 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 {ColorPicker as ColorPickerNamespace} from '../components/color-picker/color-picker'; 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'; @@ -80,12 +82,13 @@ 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 {Treeview as TreeviewNamespace} from '../components/treeview/treeview'; 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' { +declare module '../components/app/app-class' { interface Framework7Class extends ClicksNamespace.AppMethods{} interface Framework7Params extends ClicksNamespace.AppParams{} interface Framework7Events extends ClicksNamespace.AppEvents{} @@ -119,6 +122,9 @@ declare module './components/app/app-class' { interface Framework7Class extends ActionsNamespace.AppMethods{} interface Framework7Params extends ActionsNamespace.AppParams{} interface Framework7Events extends ActionsNamespace.AppEvents{} + interface Framework7Class extends AppbarNamespace.AppMethods{} + interface Framework7Params extends AppbarNamespace.AppParams{} + interface Framework7Events extends AppbarNamespace.AppEvents{} interface Framework7Class extends AutocompleteNamespace.AppMethods{} interface Framework7Params extends AutocompleteNamespace.AppParams{} interface Framework7Events extends AutocompleteNamespace.AppEvents{} @@ -143,6 +149,9 @@ declare module './components/app/app-class' { interface Framework7Class extends ChipNamespace.AppMethods{} interface Framework7Params extends ChipNamespace.AppParams{} interface Framework7Events extends ChipNamespace.AppEvents{} + interface Framework7Class extends ColorPickerNamespace.AppMethods{} + interface Framework7Params extends ColorPickerNamespace.AppParams{} + interface Framework7Events extends ColorPickerNamespace.AppEvents{} interface Framework7Class extends ContactsListNamespace.AppMethods{} interface Framework7Params extends ContactsListNamespace.AppParams{} interface Framework7Events extends ContactsListNamespace.AppEvents{} @@ -293,6 +302,9 @@ declare module './components/app/app-class' { interface Framework7Class extends TouchRippleNamespace.AppMethods{} interface Framework7Params extends TouchRippleNamespace.AppParams{} interface Framework7Events extends TouchRippleNamespace.AppEvents{} + interface Framework7Class extends TreeviewNamespace.AppMethods{} + interface Framework7Params extends TreeviewNamespace.AppParams{} + interface Framework7Events extends TreeviewNamespace.AppEvents{} interface Framework7Class extends TypographyNamespace.AppMethods{} interface Framework7Params extends TypographyNamespace.AppParams{} interface Framework7Events extends TypographyNamespace.AppEvents{} diff --git a/framework7/js/framework7.bundle.js b/framework7/js/framework7.bundle.js index ff95181..42a317e 100644 --- a/framework7/js/framework7.bundle.js +++ b/framework7/js/framework7.bundle.js @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ (function (global, factory) { @@ -17,7 +17,7 @@ }(this, function () { 'use strict'; /** - * Template7 1.4.1 + * Template7 1.4.2 * Mobile-first HTML template engine * * http://www.idangero.us/template7/ @@ -28,7 +28,7 @@ * * Licensed under MIT * - * Released on: February 5, 2019 + * Released on: June 14, 2019 */ var t7ctx; @@ -260,7 +260,11 @@ else { variable = undefined; } }); } - if (typeof variable === 'string') { + if ( + (typeof variable === 'string') + || Array.isArray(variable) + || (variable.constructor && variable.constructor === Object) + ) { variable = JSON.stringify(variable); } if (variable === undefined) { variable = 'undefined'; } @@ -268,6 +272,7 @@ arr.push(variable); return arr; }, []).join(''); + }, parseJsParents: function parseJsParents(expression, parents) { return expression.split(/([+ \-*^()&=|<>!%:?])/g).reduce(function (arr, part) { @@ -379,6 +384,7 @@ return p.compiled(ctx, options.data, options.root); }, escape: function escape(context) { + if (typeof context === 'undefined' || context === null) { return ''; } if (typeof context !== 'string') { throw new Error('Template7: Passed context to "escape" helper should be a string'); } @@ -2541,7 +2547,8 @@ 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(), + iosPreloaderContent: ("\n \n " + ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map(function () { return ''; }).join('')) + "\n \n ").trim(), + auroraPreloaderContent: "\n \n \n \n ", eventNameToColonCase: function eventNameToColonCase(eventName) { var hasColon; return eventName.split('').map(function (char, index) { @@ -2800,6 +2807,7 @@ 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)); + if (h < 0) { h = 360 / 60 + h; } return [h * 60, s, l]; }, colorHslToRgb: function colorHslToRgb(h, s, l) { @@ -2818,6 +2826,33 @@ var m = l - (c / 2); return rgb1.map(function (n) { return Math.max(0, Math.min(255, Math.round(255 * (n + m)))); }); }, + colorHsbToHsl: function colorHsbToHsl(h, s, b) { + var HSL = { + h: h, + s: 0, + l: 0, + }; + var HSB = { h: h, s: s, b: b }; + + HSL.l = (2 - HSB.s) * HSB.b / 2; + HSL.s = HSL.l && HSL.l < 1 ? HSB.s * HSB.b / (HSL.l < 0.5 ? HSL.l * 2 : 2 - HSL.l * 2) : HSL.s; + + return [HSL.h, HSL.s, HSL.l]; + }, + colorHslToHsb: function colorHslToHsb(h, s, l) { + var HSB = { + h: h, + s: 0, + b: 0, + }; + var HSL = { h: h, s: s, l: l }; + + var t = HSL.s * (HSL.l < 0.5 ? HSL.l : 1 - HSL.l); + HSB.b = HSL.l + t; + HSB.s = HSL.l > 0 ? 2 * t / HSB.b : HSB.s; + + return [HSB.h, HSB.s, HSB.b]; + }, colorThemeCSSProperties: function colorThemeCSSProperties() { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; @@ -2846,6 +2881,65 @@ }, }; + 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 && win.navigator.maxTouchPoints > 0)), + 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 Device = (function Device() { var platform = win.navigator.platform; var ua = win.navigator.userAgent; @@ -2867,6 +2961,7 @@ windows: false, cordova: !!(win.cordova || win.phonegap), phonegap: !!(win.cordova || win.phonegap), + electron: false, }; var screenWidth = win.screen.width; @@ -2884,8 +2979,24 @@ 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'; + var electron = ua.toLowerCase().indexOf('electron') >= 0; + var macos = platform === 'MacIntel'; + + // iPadOs 13 fix + if (!ipad + && macos + && Support.touch + && ( + (screenWidth === 1024 && screenHeight === 1366) // Pro 12.9 + || (screenWidth === 834 && screenHeight === 1194) // Pro 11 + || (screenWidth === 834 && screenHeight === 1112) // Pro 10.5 + || (screenWidth === 768 && screenHeight === 1024) // other + ) + ) { + ipad = ua.match(/(Version)\/([\d.]+)/); + macos = false; + } device.ie = ie; device.edge = edge; @@ -2893,7 +3004,7 @@ // Windows if (windowsPhone) { - device.os = 'windows'; + device.os = 'windowsPhone'; device.osVersion = windowsPhone[2]; device.windowsPhone = true; } @@ -2920,7 +3031,7 @@ } if (ipod) { device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null; - device.iphone = true; + device.ipod = true; } // iOS 8+ changed UA if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) { @@ -2936,27 +3047,19 @@ device.standalone = device.webView; // Desktop - device.desktop = !(device.os || device.android || device.webView); + device.desktop = !(device.ios || device.android || device.windowsPhone) || electron; if (device.desktop) { + device.electron = electron; 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.desktop) { return false; } if (device.standalone && device.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') { return true; } @@ -2973,6 +3076,20 @@ // Pixel Ratio device.pixelRatio = win.devicePixelRatio || 1; + // Color Scheme + var DARK = '(prefers-color-scheme: dark)'; + var LIGHT = '(prefers-color-scheme: light)'; + device.prefersColorScheme = function prefersColorTheme() { + var theme; + if (win.matchMedia && win.matchMedia(LIGHT).matches) { + theme = 'light'; + } + if (win.matchMedia && win.matchMedia(DARK).matches) { + theme = 'dark'; + } + return theme; + }; + // Export object return device; }()); @@ -3074,12 +3191,12 @@ return self; }; - var Framework7Class = /*@__PURE__*/(function (EventsClass$$1) { + var Framework7Class = /*@__PURE__*/(function (EventsClass) { function Framework7Class(params, parents) { if ( params === void 0 ) params = {}; if ( parents === void 0 ) parents = []; - EventsClass$$1.call(this, parents); + EventsClass.call(this, parents); var self = this; self.params = params; @@ -3090,8 +3207,8 @@ } } - if ( EventsClass$$1 ) Framework7Class.__proto__ = EventsClass$$1; - Framework7Class.prototype = Object.create( EventsClass$$1 && EventsClass$$1.prototype ); + if ( EventsClass ) Framework7Class.__proto__ = EventsClass; + Framework7Class.prototype = Object.create( EventsClass && EventsClass.prototype ); Framework7Class.prototype.constructor = Framework7Class; var staticAccessors = { components: { configurable: true } }; @@ -3449,9 +3566,9 @@ }); } - var Framework7 = /*@__PURE__*/(function (Framework7Class$$1) { + var Framework7 = /*@__PURE__*/(function (Framework7Class) { function Framework7(params) { - Framework7Class$$1.call(this, params); + Framework7Class.call(this, params); if (Framework7.instance) { throw new Error('Framework7 is already initialized and can\'t be initialized more than once'); } @@ -3475,6 +3592,7 @@ lazyModulesPath: null, initOnDeviceReady: true, init: true, + autoDarkTheme: false, }; // Extend defaults with modules params @@ -3503,7 +3621,9 @@ // Theme theme: (function getTheme() { if (app.params.theme === 'auto') { - return Device.ios ? 'ios' : 'md'; + if (Device.ios) { return 'ios'; } + if (Device.desktop && Device.electron) { return 'aurora'; } + return 'md'; } return app.params.theme; }()), @@ -3522,6 +3642,28 @@ // Init Data & Methods app.initData(); + // Auto Dark Theme + var DARK = '(prefers-color-scheme: dark)'; + var LIGHT = '(prefers-color-scheme: light)'; + app.mq = {}; + if (win.matchMedia) { + app.mq.dark = win.matchMedia(DARK); + app.mq.light = win.matchMedia(LIGHT); + } + app.colorSchemeListener = function colorSchemeListener(ref) { + var matches = ref.matches; + var media = ref.media; + + if (!matches) { + return; + } + var html = doc.querySelector('html'); + if (media === DARK) { + html.classList.add('theme-dark'); + } else if (media === LIGHT) { + html.classList.remove('theme-dark'); + } + }; // Init if (app.params.init) { if (Device.cordova && app.params.initOnDeviceReady) { @@ -3536,8 +3678,8 @@ return app; } - if ( Framework7Class$$1 ) Framework7.__proto__ = Framework7Class$$1; - Framework7.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Framework7.__proto__ = Framework7Class; + Framework7.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Framework7.prototype.constructor = Framework7; var prototypeAccessors = { $: { configurable: true },t7: { configurable: true } }; @@ -3566,6 +3708,28 @@ } }; + Framework7.prototype.enableAutoDarkTheme = function enableAutoDarkTheme () { + if (!win.matchMedia) { return; } + var app = this; + var html = doc.querySelector('html'); + if (app.mq.dark && app.mq.light) { + app.mq.dark.addListener(app.colorSchemeListener); + app.mq.light.addListener(app.colorSchemeListener); + } + if (app.mq.dark && app.mq.dark.matches) { + html.classList.add('theme-dark'); + } else if (app.mq.light && app.mq.light.matches) { + html.classList.remove('theme-dark'); + } + }; + + Framework7.prototype.disableAutoDarkTheme = function disableAutoDarkTheme () { + if (!win.matchMedia) { return; } + var app = this; + if (app.mq.dark) { app.mq.dark.removeListener(app.colorSchemeListener); } + if (app.mq.light) { app.mq.light.removeListener(app.colorSchemeListener); } + }; + Framework7.prototype.init = function init () { var app = this; if (app.initialized) { return app; } @@ -3577,6 +3741,11 @@ $('html').attr('dir', 'rtl'); } + // Auto Dark Theme + if (app.params.autoDarkTheme) { + app.enableAutoDarkTheme(); + } + // Root class app.root.addClass('framework7-root'); @@ -3595,7 +3764,7 @@ }; // eslint-disable-next-line - Framework7.prototype.loadModule = function loadModule$$1 () { + Framework7.prototype.loadModule = function loadModule () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; @@ -3638,7 +3807,7 @@ }; staticAccessors.Class.get = function () { - return Framework7Class$$1; + return Framework7Class; }; staticAccessors.Events.get = function () { @@ -3715,65 +3884,6 @@ }, }; - 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: { @@ -3843,11 +3953,6 @@ }, 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; @@ -4050,6 +4155,9 @@ xhr.setRequestHeader('Content-Type', options.contentType); } } + if (options.dataType === 'json' && (!options.headers || !options.headers.Accept)) { + xhr.setRequestHeader('Accept', 'application/json'); + } // Additional headers if (options.headers) { @@ -4337,6 +4445,21 @@ if (parents.length > 0) { activable = activable ? activable.add(parents) : parents; } + if (activable && activable.length > 1) { + var newActivable = []; + var preventPropagation; + for (var i = 0; i < activable.length; i += 1) { + if (!preventPropagation) { + newActivable.push(activable[i]); + if (activable.eq(i).hasClass('prevent-active-state-propagation') + || activable.eq(i).hasClass('no-active-state-propagation') + ) { + preventPropagation = true; + } + } + } + activable = $(newActivable); + } return activable || target; } @@ -4477,9 +4600,12 @@ : isInsideScrollableViewLight(rippleTarget); if (!inScrollable) { + removeRipple(); createRipple(rippleTarget, touchStartX, touchStartY); } else { + clearTimeout(rippleTimeout); rippleTimeout = setTimeout(function () { + removeRipple(); createRipple(rippleTarget, touchStartX, touchStartY); }, 80); } @@ -4489,9 +4615,7 @@ removeRipple(); } function rippleTouchEnd() { - if (rippleWave) { - removeRipple(); - } else if (rippleTarget && !isMoved) { + if (!rippleWave && rippleTarget && !isMoved) { clearTimeout(rippleTimeout); createRipple(rippleTarget, touchStartX, touchStartY); setTimeout(removeRipple, 0); @@ -4543,7 +4667,9 @@ // 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); + if (targetElement) { + targetElement.dispatchEvent(evt); + } }, 10); } else { targetElement.dispatchEvent(evt); @@ -4624,7 +4750,7 @@ activeTimeout = setTimeout(addActive, 0); } if (useRipple) { - rippleTouchStart(targetElement, touchStartX, touchStartY); + rippleTouchStart(targetElement); } return true; } @@ -4846,15 +4972,26 @@ } } if (useRipple) { - rippleTouchStart(targetElement, touchStartX, touchStartY); + rippleTouchStart(targetElement); } 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; + var touch; + var distance; + if (e.type === 'touchmove') { + touch = e.targetTouches[0]; + distance = params.touchClicksDistanceThreshold; + // if (touch && touch.touchType === 'stylus') { + // distance = 5; + // } else { + // distance = 3; + // } + } + + if (distance && touch) { + var pageX = touch.pageX; + var pageY = touch.pageY; if (Math.abs(pageX - touchStartX) > distance || Math.abs(pageY - touchStartY) > distance) { isMoved = true; } @@ -5022,6 +5159,8 @@ fastClicksDistanceThreshold: 10, fastClicksDelayBetweenClicks: 50, fastClicksExclude: '', // CSS selector + // Clicks + touchClicksDistanceThreshold: 5, // ContextMenu disableContextMenu: false, // Tap Hold @@ -5030,9 +5169,10 @@ 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', + activeStateElements: 'a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item, .link, .item-link', mdTouchRipple: true, iosTouchRipple: false, + auroraTouchRipple: 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', }, }, @@ -5569,18 +5709,18 @@ var isMoved = false; var touchesStart = {}; var isScrolling; - var currentPage = []; - var previousPage = []; + var $currentPageEl = []; + var $previousPageEl = []; var viewContainerWidth; var touchesDiff; var allowViewTouchMove = true; var touchStartTime; - var $currentNavbarInner = []; - var $previousNavbarInner = []; + var $currentNavbarInnerEl = []; + var $previousNavbarInnerEl = []; var dynamicNavbar; var separateNavbar; - var pageShadow; - var pageOpacity; + var $pageShadowEl; + var $pageOpacityEl; var animatableNavEls; @@ -5594,25 +5734,25 @@ 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 currentNavIsLarge = $currentNavbarInnerEl.hasClass('navbar-inner-large'); + var previousNavIsLarge = $previousNavbarInnerEl.hasClass('navbar-inner-large'); + var fromLarge = currentNavIsLarge && !$currentNavbarInnerEl.hasClass('navbar-inner-large-collapsed'); + var toLarge = previousNavIsLarge && !$previousNavbarInnerEl.hasClass('navbar-inner-large-collapsed'); + var $currentNavElements = $currentNavbarInnerEl.children('.left, .title, .right, .subnavbar, .fading, .title-large'); + var $previousNavElements = $previousNavbarInnerEl.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); + if ($currentNavbarInnerEl.hasClass('sliding')) { + activeNavBackIconText = $currentNavbarInnerEl.children('.left').find('.back .icon + span').eq(0); } else { - activeNavBackIconText = $currentNavbarInner.children('.left.sliding').find('.back .icon + span').eq(0); + activeNavBackIconText = $currentNavbarInnerEl.children('.left.sliding').find('.back .icon + span').eq(0); } - if ($previousNavbarInner.hasClass('sliding')) { - previousNavBackIconText = $previousNavbarInner.children('.left').find('.back .icon + span').eq(0); + if ($previousNavbarInnerEl.hasClass('sliding')) { + previousNavBackIconText = $previousNavbarInnerEl.children('.left').find('.back .icon + span').eq(0); } else { - previousNavBackIconText = $previousNavbarInner.children('.left.sliding').find('.back .icon + span').eq(0); + previousNavBackIconText = $previousNavbarInnerEl.children('.left.sliding').find('.back .icon + span').eq(0); } if (activeNavBackIconText.length) { $previousNavElements.each(function (index, el) { @@ -5681,7 +5821,7 @@ } } if ($navEl.hasClass('title-large')) { return; } - var isSliding = $navEl.hasClass('sliding') || $currentNavbarInner.hasClass('sliding'); + var isSliding = $navEl.hasClass('sliding') || $currentNavbarInnerEl.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 ))); }; @@ -5755,7 +5895,7 @@ } } if ($navEl.hasClass('title-large')) { return; } - var isSliding = $navEl.hasClass('sliding') || $previousNavbarInner.hasClass('sliding'); + var isSliding = $navEl.hasClass('sliding') || $previousNavbarInnerEl.hasClass('sliding'); if (els.indexOf(el) < 0) { els.push(el); } if (!isSubnavbar || (isSubnavbar && !isSliding)) { el.opacity = function (progress) { return (Math.pow( progress, 3 )); }; @@ -5763,7 +5903,7 @@ if (isSliding) { var transformTarget = el; if (isLeft && previousNavBackIconText.length && params.iosAnimateNavbarBackIcon) { - var textEl = { el: activeNavBackIconText[0] }; + var textEl = { el: previousNavBackIconText[0] }; transformTarget = textEl; els.push(textEl); } @@ -5844,10 +5984,12 @@ 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)'); - + $currentPageEl = target.closest('.page'); + if ($currentPageEl.hasClass('no-swipeback') || target.closest('.no-swipeback, .card-opened').length > 0) { cancel = true; } + $previousPageEl = $el.find('.page-previous:not(.stacked)'); + if ($previousPageEl.length > 1) { + $previousPageEl = $previousPageEl.eq($previousPageEl.length - 1); + } var notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; viewContainerWidth = $el.width(); if (app.rtl) { @@ -5856,37 +5998,40 @@ notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea; } if (notFromBorder) { cancel = true; } - if (previousPage.length === 0 || currentPage.length === 0) { cancel = true; } + if ($previousPageEl.length === 0 || $currentPageEl.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); + $pageShadowEl = $currentPageEl.find('.page-shadow-effect'); + if ($pageShadowEl.length === 0) { + $pageShadowEl = $('
'); + $currentPageEl.append($pageShadowEl); } } if (paramsSwipeBackAnimateOpacity) { - pageOpacity = previousPage.find('.page-opacity-effect'); - if (pageOpacity.length === 0) { - pageOpacity = $('
'); - previousPage.append(pageOpacity); + $pageOpacityEl = $previousPageEl.find('.page-opacity-effect'); + if ($pageOpacityEl.length === 0) { + $pageOpacityEl = $('
'); + $previousPageEl.append($pageOpacityEl); } } if (dynamicNavbar) { if (separateNavbar) { - $currentNavbarInner = $navbarEl.find('.navbar-current:not(.stacked)'); - $previousNavbarInner = $navbarEl.find('.navbar-previous:not(.stacked)'); + $currentNavbarInnerEl = $navbarEl.find('.navbar-current:not(.stacked)'); + $previousNavbarInnerEl = $navbarEl.find('.navbar-previous:not(.stacked)'); } else { - $currentNavbarInner = currentPage.children('.navbar').children('.navbar-inner'); - $previousNavbarInner = previousPage.children('.navbar').children('.navbar-inner'); + $currentNavbarInnerEl = $currentPageEl.children('.navbar').children('.navbar-inner'); + $previousNavbarInnerEl = $previousPageEl.children('.navbar').children('.navbar-inner'); + } + if ($previousNavbarInnerEl.length > 1) { + $previousNavbarInnerEl = $previousNavbarInnerEl.eq($previousNavbarInnerEl.length - 1); } - animatableNavEls = animatableNavElements($previousNavbarInner, $currentNavbarInner); + animatableNavEls = animatableNavElements(); } // Close/Hide Any Picker @@ -5911,10 +6056,10 @@ var callbackData = { percentage: percentage, progress: percentage, - currentPageEl: currentPage[0], - previousPageEl: previousPage[0], - currentNavbarEl: $currentNavbarInner[0], - previousNavbarEl: $previousNavbarInner[0], + currentPageEl: $currentPageEl[0], + previousPageEl: $previousPageEl[0], + currentNavbarEl: $currentNavbarInnerEl[0], + previousNavbarEl: $previousNavbarInnerEl[0], }; $el.trigger('swipeback:move', callbackData); router.emit('swipebackMove', callbackData); @@ -5935,15 +6080,15 @@ } router.swipeBackActive = true; - $([currentPage[0], previousPage[0]]).addClass('page-swipeback-active'); + $([$currentPageEl[0], $previousPageEl[0]]).addClass('page-swipeback-active'); - currentPage.transform(("translate3d(" + currentPageTranslate + "px,0,0)")); - if (paramsSwipeBackAnimateShadow) { pageShadow[0].style.opacity = 1 - (1 * percentage); } + $currentPageEl.transform(("translate3d(" + currentPageTranslate + "px,0,0)")); + if (paramsSwipeBackAnimateShadow) { $pageShadowEl[0].style.opacity = 1 - (1 * percentage); } - if (app.theme !== 'md') { - previousPage.transform(("translate3d(" + previousPageTranslate + "px,0,0)")); + if (app.theme === 'ios') { + $previousPageEl.transform(("translate3d(" + previousPageTranslate + "px,0,0)")); } - if (paramsSwipeBackAnimateOpacity) { pageOpacity[0].style.opacity = 1 - (1 * percentage); } + if (paramsSwipeBackAnimateOpacity) { $pageShadowEl[0].style.opacity = 1 - (1 * percentage); } // Dynamic Navbars Animation if (!dynamicNavbar) { return; } @@ -5960,11 +6105,11 @@ isTouched = false; isMoved = false; router.swipeBackActive = false; - $([currentPage[0], previousPage[0]]).removeClass('page-swipeback-active'); + $([$currentPageEl[0], $previousPageEl[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(); } + $([$currentPageEl[0], $previousPageEl[0]]).transform(''); + if ($pageShadowEl && $pageShadowEl.length > 0) { $pageShadowEl.remove(); } + if ($pageOpacityEl && $pageOpacityEl.length > 0) { $pageOpacityEl.remove(); } if (dynamicNavbar) { setAnimatableNavElements({ reset: true }); } @@ -5977,19 +6122,19 @@ (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 = ''; } + $currentPageEl.removeClass('page-current').addClass(("page-next" + (app.theme !== 'ios' ? ' page-next-on-right' : ''))); + $previousPageEl.removeClass('page-previous').addClass('page-current').removeAttr('aria-hidden'); + if ($pageShadowEl) { $pageShadowEl[0].style.opacity = ''; } + if ($pageOpacityEl) { $pageOpacityEl[0].style.opacity = ''; } if (dynamicNavbar) { - $currentNavbarInner.removeClass('navbar-current').addClass('navbar-next'); - $previousNavbarInner.removeClass('navbar-previous').addClass('navbar-current').removeAttr('aria-hidden'); + $currentNavbarInnerEl.removeClass('navbar-current').addClass('navbar-next'); + $previousNavbarInnerEl.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(''); + $([$currentPageEl[0], $previousPageEl[0]]).addClass('page-transitioning page-transitioning-swipeback').transform(''); if (dynamicNavbar) { setAnimatableNavElements({ progress: pageChanged ? 1 : 0, transition: true }); @@ -5999,20 +6144,20 @@ // Swipe Back Callback var callbackData = { - currentPageEl: currentPage[0], - previousPageEl: previousPage[0], - currentNavbarEl: $currentNavbarInner[0], - previousNavbarEl: $previousNavbarInner[0], + currentPageEl: $currentPageEl[0], + previousPageEl: $previousPageEl[0], + currentNavbarEl: $currentNavbarInnerEl[0], + previousNavbarEl: $previousNavbarInnerEl[0], }; if (pageChanged) { // Update Route - router.currentRoute = previousPage[0].f7Page.route; - router.currentPage = previousPage[0]; + router.currentRoute = $previousPageEl[0].f7Page.route; + router.currentPage = $previousPageEl[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 }); + router.pageCallback('beforeOut', $currentPageEl, $currentNavbarInnerEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); + router.pageCallback('beforeIn', $previousPageEl, $previousNavbarInnerEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }, $currentPageEl[0]); $el.trigger('swipeback:beforechange', callbackData); router.emit('swipebackBeforeChange', callbackData); @@ -6021,8 +6166,8 @@ router.emit('swipebackBeforeReset', callbackData); } - currentPage.transitionEnd(function () { - $([currentPage[0], previousPage[0]]).removeClass('page-transitioning page-transitioning-swipeback'); + $currentPageEl.transitionEnd(function () { + $([$currentPageEl[0], $previousPageEl[0]]).removeClass('page-transitioning page-transitioning-swipeback'); if (dynamicNavbar) { setAnimatableNavElements({ reset: true, transition: false }); } @@ -6042,20 +6187,20 @@ } // 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 }); + router.pageCallback('afterOut', $currentPageEl, $currentNavbarInnerEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); + router.pageCallback('afterIn', $previousPageEl, $previousNavbarInnerEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }); // Remove Old Page - if (params.stackPages && router.initialPages.indexOf(currentPage[0]) >= 0) { - currentPage.addClass('stacked'); + if (params.stackPages && router.initialPages.indexOf($currentPageEl[0]) >= 0) { + $currentPageEl.addClass('stacked'); if (separateNavbar) { - $currentNavbarInner.addClass('stacked'); + $currentNavbarInnerEl.addClass('stacked'); } } else { - router.pageCallback('beforeRemove', currentPage, $currentNavbarInner, 'next', { swipeBack: true }); - router.removePage(currentPage); + router.pageCallback('beforeRemove', $currentPageEl, $currentNavbarInnerEl, 'next', { swipeBack: true }); + router.removePage($currentPageEl); if (separateNavbar) { - router.removeNavbar($currentNavbarInner); + router.removeNavbar($currentNavbarInnerEl); } } @@ -6071,8 +6216,8 @@ $el.trigger('swipeback:afterreset', callbackData); router.emit('swipebackAfterReset', callbackData); } - if (pageShadow && pageShadow.length > 0) { pageShadow.remove(); } - if (pageOpacity && pageOpacity.length > 0) { pageOpacity.remove(); } + if ($pageShadowEl && $pageShadowEl.length > 0) { $pageShadowEl.remove(); } + if ($pageOpacityEl && $pageOpacityEl.length > 0) { $pageOpacityEl.remove(); } }); } @@ -6379,10 +6524,14 @@ newPagePosition = 'previous'; } $newPage + .removeClass('page-previous page-current page-next') .addClass(("page-" + newPagePosition + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : ''))) .removeClass('stacked') .trigger('page:unstack') .trigger('page:position', { position: newPagePosition }); + router.emit('pageUnstack', $newPage[0]); + router.emit('pagePosition', $newPage[0], newPagePosition); + if (isMaster || isDetail) { $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); } @@ -6390,6 +6539,7 @@ if (dynamicNavbar && $newNavbarInner.length) { $newNavbarInner + .removeClass('navbar-previous navbar-current navbar-next') .addClass(("navbar-" + newPagePosition + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : ''))) .removeClass('stacked'); } @@ -6421,6 +6571,7 @@ ) { $pagesInView.eq(i$2).addClass('page-master-stacked'); $pagesInView.eq(i$2).trigger('page:masterstack'); + router.emit('pageMasterStack', $pagesInView[i$2]); if (separateNavbar) { $(app.navbar.getElByPage(masterPageEl)).addClass('navbar-master-stacked'); } @@ -6430,6 +6581,7 @@ if (router.params.stackPages) { $pagesInView.eq(i$2).addClass('stacked'); $pagesInView.eq(i$2).trigger('page:stack'); + router.emit('pageStack', $pagesInView[i$2]); if (separateNavbar) { $(oldNavbarInnerEl).addClass('stacked'); } @@ -6562,12 +6714,15 @@ if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { $oldPage.addClass('stacked'); $oldPage.trigger('page:stack'); + router.emit('pageStack', $oldPage[0]); if (separateNavbar) { $oldNavbarInner.addClass('stacked'); } } else { // Page remove event - router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', undefined, options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', undefined, options); + router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'current', undefined, options); router.removePage($oldPage); if (separateNavbar && $oldNavbarInner && $oldNavbarInner.length) { router.removeNavbar($oldNavbarInner); @@ -6580,11 +6735,16 @@ if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { $oldPageEl.addClass('stacked'); $oldPageEl.trigger('page:stack'); + router.emit('pageStack', $oldPageEl[0]); if (separateNavbar) { $oldNavbarInnerEl.addClass('stacked'); } } else { // Page remove event + if ($oldPageEl.hasClass('page-current')) { + router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', undefined, options); + router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', undefined, options); + } router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInner && $oldNavbarInner.eq(index), 'previous', undefined, options); router.removePage($oldPageEl); if (separateNavbar && $oldNavbarInnerEl.length) { @@ -6596,6 +6756,7 @@ if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { $oldPage.addClass('stacked'); $oldPage.trigger('page:stack'); + router.emit('pageStack', $oldPage[0]); if (separateNavbar) { $oldNavbarInner.addClass('stacked'); } @@ -6623,12 +6784,18 @@ if (options.reloadCurrent || options.reloadAll || reloadDetail) { router.allowPageChange = true; router.pageCallback('beforeIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + $newPage.removeAttr('aria-hidden'); + if (dynamicNavbar && $newNavbarInner) { + $newNavbarInner.removeAttr('aria-hidden'); + } 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' }); + router.emit('pagePosition', masterPageEl, 'previous'); + if (masterPageEl.f7Page && masterPageEl.f7Page.navbarEl) { masterPageEl.f7Page.navbarEl.classList.add('navbar-previous'); masterPageEl.f7Page.navbarEl.classList.remove('navbar-current'); @@ -6642,15 +6809,18 @@ } // Before animation event - router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'next', 'current', options); router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'next', 'current', 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' }); + router.emit('pagePosition', $newPage[0], 'current'); $oldPage.removeClass(pageClasses).addClass('page-previous').trigger('page:position', { position: 'previous' }); + router.emit('pagePosition', $oldPage[0], 'previous'); + if (!$oldPage.hasClass('page-master')) { $oldPage.attr('aria-hidden', 'true'); } @@ -6663,12 +6833,12 @@ } // After animation event router.allowPageChange = true; - router.pageCallback('afterIn', $newPage, $newNavbarInner, 'next', 'current', options); router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'next', 'current', options); - var keepOldPage = (router.params.preloadPreviousPage || (app.theme === 'ios' ? router.params.iosSwipeBack : router.params.mdSwipeBack)) && !isMaster; + var keepOldPage = (router.params.preloadPreviousPage || router.params[((app.theme) + "SwipeBack")]) && !isMaster; if (!keepOldPage) { - if ($newPage.hasClass('smart-select-page') || $newPage.hasClass('photo-browser-page') || $newPage.hasClass('autocomplete-page')) { + if ($newPage.hasClass('smart-select-page') || $newPage.hasClass('photo-browser-page') || $newPage.hasClass('autocomplete-page') || $newPage.hasClass('color-picker-page')) { keepOldPage = true; } } @@ -6676,6 +6846,7 @@ if (router.params.stackPages) { $oldPage.addClass('stacked'); $oldPage.trigger('page:stack'); + router.emit('pageStack', $oldPage[0]); if (separateNavbar) { $oldNavbarInner.addClass('stacked'); } @@ -6699,14 +6870,16 @@ 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' }); + router.emit('pagePosition', $oldPage[0], 'current'); $newPage.removeClass(pageClasses).addClass('page-next').removeAttr('aria-hidden').trigger('page:position', { position: 'next' }); + router.emit('pagePosition', $newPage[0], '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; + var delay = router.params[((router.app.theme) + "PageLoadDelay")]; if (delay) { setTimeout(function () { setPositionClasses(); @@ -6983,20 +7156,35 @@ if (router.params.masterDetailBreakpoint > 0 && route.route.masterRoute) { // load detail route var preloadMaster = true; + var masterLoaded = false; 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)) { + 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))) { + if ( + router.currentRoute.route.masterRoute + && (router.currentRoute.route.masterRoute === route.route.masterRoute + || router.currentRoute.route.masterRoute.path === route.route.masterRoute.path + ) + ) { preloadMaster = false; + masterLoaded = true; } } - if (preloadMaster) { + if (preloadMaster || (masterLoaded && navigateOptions.reloadAll)) { router.navigate(route.route.masterRoute.path, { animate: false, reloadAll: navigateOptions.reloadAll, reloadCurrent: navigateOptions.reloadCurrent, reloadPrevious: navigateOptions.reloadPrevious, + pushState: !navigateOptions.initial, + history: !navigateOptions.initial, once: { pageAfterIn: function pageAfterIn() { router.navigate(navigateParams, Utils.extend({}, navigateOptions, { @@ -7004,6 +7192,8 @@ reloadAll: false, reloadCurrent: false, reloadPrevious: false, + history: !navigateOptions.initial, + pushState: !navigateOptions.initial, })); }, }, @@ -7478,6 +7668,7 @@ var options = Utils.extend({ animate: router.params.animate, pushState: true, + replaceState: false, }, backwardOptions); var masterDetailEnabled = router.params.masterDetailBreakpoint > 0; @@ -7553,6 +7744,10 @@ isDetail = !isMaster && masterPageEl && (router.history.indexOf(options.route.url) > router.history.indexOf(masterPageEl.f7Page.route.url)); + + if (!isDetail && !isMaster && masterPageEl && masterPageEl.f7Page && options.route.route.masterRoute) { + isDetail = options.route.route.masterRoute.path === masterPageEl.f7Page.route.route.path; + } } @@ -7563,6 +7758,8 @@ .removeAttr('aria-hidden') .trigger('page:unstack') .trigger('page:position', { position: 'previous' }); + router.emit('pageUnstack', $newPage[0]); + router.emit('pagePosition', $newPage[0], 'previous'); if (isMaster || isDetail) { $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); } @@ -7600,6 +7797,7 @@ if (router.initialPages.indexOf($pageToRemove[0]) >= 0) { $pageToRemove.addClass('stacked'); $pageToRemove.trigger('page:stack'); + router.emit('pageStack', $pageToRemove[0]); if (separateNavbar) { $navbarToRemove.addClass('stacked'); } @@ -7622,6 +7820,7 @@ if (router.params.stackPages && router.initialPages.indexOf($pageToRemove[0]) >= 0) { $pageToRemove.addClass('stacked'); $pageToRemove.trigger('page:stack'); + router.emit('pageStack', $pageToRemove[0]); $navbarToRemove.addClass('stacked'); } else if ($pageToRemove.length > 0) { router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); @@ -7685,6 +7884,7 @@ $newPage .removeClass('page-master-stacked') .trigger('page:masterunstack'); + router.emit('pageMasterUnstack', $newPage[0]); if (separateNavbar) { $(app.navbar.getElByPage($newPage)).removeClass('navbar-master-stacked'); } @@ -7703,6 +7903,7 @@ if (router.params.stackPages && router.initialPages.indexOf(pageToRemove) >= 0) { $pageToRemove.addClass('stacked'); $pageToRemove.trigger('page:stack'); + router.emit('pageStack', $pageToRemove[0]); if (separateNavbar) { $navbarToRemove.addClass('stacked'); } @@ -7722,16 +7923,32 @@ // 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(); } + if (options.replaceState) { + var pushStateRoot = router.params.pushStateRoot || ''; + History.replace( + view.id, + { + url: options.route.url, + }, + pushStateRoot + router.params.pushStateSeparator + options.route.url + ); + } else if (backIndex) { + History.go(-backIndex); + } else { + History.back(); + } } } // Update History - if (router.history.length === 1) { - router.history.unshift(router.url); + if (options.replaceState) { + router.history[router.history.length - 1] = options.route.url; + } else { + if (router.history.length === 1) { + router.history.unshift(router.url); + } + router.history.pop(); } - router.history.pop(); router.saveHistory(); // Current Page & Navbar @@ -7748,8 +7965,20 @@ // 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(); } + if (options.replaceState) { + var pushStateRoot$1 = router.params.pushStateRoot || ''; + History.replace( + view.id, + { + url: options.route.url, + }, + pushStateRoot$1 + router.params.pushStateSeparator + options.route.url + ); + } else if (backIndex) { + History.go(-backIndex); + } else { + History.back(); + } } } @@ -7768,8 +7997,8 @@ 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); + router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'previous', 'current', options); // Animation function afterAnimation() { @@ -7777,20 +8006,23 @@ 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' }); + router.emit('pagePosition', $newPage[0], 'current'); $oldPage.removeClass(pageClasses).addClass('page-next').attr('aria-hidden', 'true').trigger('page:position', { position: 'next' }); + router.emit('pagePosition', $oldPage[0], '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); + router.pageCallback('afterIn', $newPage, $newNavbarInner, 'previous', 'current', options); // Remove Old Page if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { $oldPage.addClass('stacked'); $oldPage.trigger('page:stack'); + router.emit('pageStack', $oldPage[0]); if (separateNavbar) { $oldNavbarInner.addClass('stacked'); } @@ -7806,7 +8038,7 @@ 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); + var preloadPreviousPage = router.params.preloadPreviousPage || router.params[((app.theme) + "SwipeBack")]; if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) { router.back(router.history[router.history.length - 2], { preload: true }); } @@ -7819,7 +8051,9 @@ 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' }); + router.emit('pagePosition', $oldPage[0], 'current'); $newPage.removeClass(pageClasses).addClass('page-previous').removeAttr('aria-hidden').trigger('page:position', { position: 'previous' }); + router.emit('pagePosition', $newPage[0], 'previous'); if (dynamicNavbar) { $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current'); $newNavbarInner.removeClass(navbarClasses).addClass('navbar-previous').removeAttr('aria-hidden'); @@ -8246,9 +8480,9 @@ router.saveHistory(); } - var Router = /*@__PURE__*/(function (Framework7Class$$1) { + var Router = /*@__PURE__*/(function (Framework7Class) { function Router(app, view) { - Framework7Class$$1.call(this, {}, [typeof view === 'undefined' ? app : view]); + Framework7Class.call(this, {}, [typeof view === 'undefined' ? app : view]); var router = this; // Is App Router @@ -8326,8 +8560,8 @@ return router; } - if ( Framework7Class$$1 ) Router.__proto__ = Framework7Class$$1; - Router.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Router.__proto__ = Framework7Class; + Router.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Router.prototype.constructor = Router; Router.prototype.animatableNavElements = function animatableNavElements (newNavbarInner, oldNavbarInner, toLarge, fromLarge, direction) { @@ -8772,7 +9006,11 @@ keys.forEach(function (keyObj, index) { if (typeof keyObj.name === 'number') { return; } var paramValue = matched[index + 1]; - params[keyObj.name] = paramValue; + if (typeof paramValue === 'undefined' || paramValue === null) { + params[keyObj.name] = paramValue; + } else { + params[keyObj.name] = decodeURIComponent(paramValue); + } }); var parentPath; @@ -8910,7 +9148,15 @@ 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(); + var toRemove; + if (theme === 'ios') { + toRemove = '.md-only, .aurora-only, .if-md, .if-aurora, .if-not-ios, .not-ios'; + } else if (theme === 'md') { + toRemove = '.ios-only, .aurora-only, .if-ios, .if-aurora, .if-not-md, .not-md'; + } else if (theme === 'aurora') { + toRemove = '.ios-only, .md-only, .if-ios, .if-md, .if-not-aurora, .not-aurora'; + } + $(el).find(toRemove).remove(); }; Router.prototype.getPageData = function getPageData (pageEl, navbarEl, from, to, route, pageFromEl) { @@ -9174,6 +9420,7 @@ if ( (view && router.params.iosSwipeBack && app.theme === 'ios') || (view && router.params.mdSwipeBack && app.theme === 'md') + || (view && router.params.auroraSwipeBack && app.theme === 'aurora') ) { SwipeBack(router); } @@ -9199,7 +9446,6 @@ 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; @@ -9341,7 +9587,8 @@ animate: pushStateAnimateOnLoad, once: { pageAfterIn: function pageAfterIn() { - if (router.history.length > 2) { + var preloadPreviousPage = router.params.preloadPreviousPage || router.params[((app.theme) + "SwipeBack")]; + if (preloadPreviousPage && router.history.length > 2) { router.back({ preload: true }); } }, @@ -9398,7 +9645,7 @@ // Clear history Router.prototype.clearPreviousHistory = clearPreviousHistory; - var Router$1 = { + var RouterModule = { name: 'router', static: { Router: Router, @@ -9424,11 +9671,11 @@ }, }; - var View = /*@__PURE__*/(function (Framework7Class$$1) { + var View = /*@__PURE__*/(function (Framework7Class) { function View(appInstance, el, viewParams) { if ( viewParams === void 0 ) viewParams = {}; - Framework7Class$$1.call(this, viewParams, [appInstance]); + Framework7Class.call(this, viewParams, [appInstance]); var app = appInstance; var $el = $(el); @@ -9521,8 +9768,8 @@ return view; } - if ( Framework7Class$$1 ) View.__proto__ = Framework7Class$$1; - View.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) View.__proto__ = Framework7Class; + View.prototype = Object.create( Framework7Class && Framework7Class.prototype ); View.prototype.constructor = View; View.prototype.destroy = function destroy () { @@ -9605,7 +9852,7 @@ }(Framework7Class)); // Use Router - View.use(Router$1); + View.use(RouterModule); function initClicks(app) { function handleClicks(e) { @@ -9613,7 +9860,7 @@ 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)); + // const isTabLink = isLink && $clickedLinkEl.hasClass('tab-link') && ($clickedLinkEl.attr('data-tab') || (url && url.indexOf('#') === 0)); // Check if link is external if (isLink) { @@ -9637,6 +9884,7 @@ Object.keys(app.modules).forEach(function (moduleName) { var moduleClicks = app.modules[moduleName].clicks; if (!moduleClicks) { return; } + if (e.preventF7Router) { return; } Object.keys(moduleClicks).forEach(function (clickSelector) { var matchingClickedElement = $clickedEl.closest(clickSelector).eq(0); if (matchingClickedElement.length > 0) { @@ -9645,7 +9893,6 @@ }); }); - // Load Page var clickedLinkData = {}; if (isLink) { @@ -9654,9 +9901,10 @@ } // Prevent Router + if (e.preventF7Router) { return; } if ($clickedLinkEl.hasClass('prevent-router') || $clickedLinkEl.hasClass('router-prevent')) { return; } - var validUrl = url && url.length > 0 && url !== '#' && !isTabLink; + var validUrl = url && url.length > 0 && url[0] !== '#'; if (validUrl || $clickedLinkEl.hasClass('back')) { var view; if (clickedLinkData.view) { @@ -9747,6 +9995,7 @@ $theme: { ios: router.app.theme === 'ios', md: router.app.theme === 'md', + aurora: router.app.theme === 'aurora', }, })); } @@ -9832,6 +10081,7 @@ $theme: { ios: app.theme === 'ios', md: app.theme === 'md', + aurora: app.theme === 'aurora', }, } ); @@ -10051,8 +10301,8 @@ /* 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 propsAttrs = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple value indeterminate'.split(' '); + var booleanProps = 'hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple readOnly indeterminate'.split(' '); var tempDom = doc.createElement('div'); function getHooks(data, app, initial, isRoot) { @@ -10114,7 +10364,6 @@ var once = ref.once; var fired = false; - var methodName; var method; var customArgs = []; @@ -10163,7 +10412,13 @@ if (handlerString.indexOf('(') < 0) { customArgs = args; } else { - handlerString.split('(')[1].split(')')[0].split(',').forEach(function (argument) { + var handlerArguments = handlerString + .split('(')[1] + .split(')')[0] + .replace(/'[^']*'|"[^"]*"/g, function (a) { return a.replace(/,/g, '<_comma_>'); }) + .split(',') + .map(function (a) { return a.replace(/<_comma_>/g, ','); }); + handlerArguments.forEach(function (argument) { var arg = argument.trim(); // eslint-disable-next-line if (!isNaN(arg)) { arg = parseFloat(arg); } @@ -10293,8 +10548,8 @@ function elementToVNode(el, context, app, initial, isRoot) { if (el.nodeType === 1) { - // element - var tagName = el.nodeName.toLowerCase(); + // element (statement adds inline SVG compatibility) + var tagName = (el instanceof win.SVGElement) ? el.nodeName : el.nodeName.toLowerCase(); return h( tagName, getData(el, context, app, initial, isRoot), @@ -10399,8 +10654,8 @@ function sameVnode(vnode1, vnode2) { return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel; } - function isVnode(vnode$$1) { - return vnode$$1.sel !== undefined; + function isVnode(vnode) { + return vnode.sel !== undefined; } function createKeyToOldIdx(children, beginIdx, endIdx) { var i, map = {}, key, ch; @@ -10415,7 +10670,7 @@ return map; } var hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post']; - function init$1(modules, domApi) { + function init(modules, domApi) { var i, j, cbs = {}; var api = domApi !== undefined ? domApi : htmlDomApi; for (i = 0; i < hooks.length; ++i) { @@ -10440,20 +10695,20 @@ } }; } - function createElm(vnode$$1, insertedVnodeQueue) { - var i, data = vnode$$1.data; + function createElm(vnode, insertedVnodeQueue) { + var i, data = vnode.data; if (data !== undefined) { if (isDef(i = data.hook) && isDef(i = i.init)) { - i(vnode$$1); - data = vnode$$1.data; + i(vnode); + data = vnode.data; } } - var children = vnode$$1.children, sel = vnode$$1.sel; + var children = vnode.children, sel = vnode.sel; if (sel === '!') { - if (isUndef(vnode$$1.text)) { - vnode$$1.text = ''; + if (isUndef(vnode.text)) { + vnode.text = ''; } - vnode$$1.elm = api.createComment(vnode$$1.text); + vnode.elm = api.createComment(vnode.text); } else if (sel !== undefined) { // Parse selector @@ -10462,14 +10717,14 @@ 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) + var elm = vnode.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); } + { cbs.create[i](emptyNode, vnode); } if (array(children)) { for (i = 0; i < children.length; ++i) { var ch = children[i]; @@ -10478,21 +10733,21 @@ } } } - else if (primitive(vnode$$1.text)) { - api.appendChild(elm, api.createTextNode(vnode$$1.text)); + else if (primitive(vnode.text)) { + api.appendChild(elm, api.createTextNode(vnode.text)); } - i = vnode$$1.data.hook; // Reuse variable + i = vnode.data.hook; // Reuse variable if (isDef(i)) { if (i.create) - { i.create(emptyNode, vnode$$1); } + { i.create(emptyNode, vnode); } if (i.insert) - { insertedVnodeQueue.push(vnode$$1); } + { insertedVnodeQueue.push(vnode); } } } else { - vnode$$1.elm = api.createTextNode(vnode$$1.text); + vnode.elm = api.createTextNode(vnode.text); } - return vnode$$1.elm; + return vnode.elm; } function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) { for (; startIdx <= endIdx; ++startIdx) { @@ -10502,16 +10757,16 @@ } } } - function invokeDestroyHook(vnode$$1) { - var i, j, data = vnode$$1.data; + function invokeDestroyHook(vnode) { + var i, j, data = vnode.data; if (data !== undefined) { if (isDef(i = data.hook) && isDef(i = i.destroy)) - { i(vnode$$1); } + { i(vnode); } 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]; + { cbs.destroy[i](vnode); } + if (vnode.children !== undefined) { + for (j = 0; j < vnode.children.length; ++j) { + i = vnode.children[j]; if (i != null && typeof i !== "string") { invokeDestroyHook(i); } @@ -10622,24 +10877,24 @@ } } } - function patchVnode(oldVnode, vnode$$1, insertedVnodeQueue) { + function patchVnode(oldVnode, vnode, insertedVnodeQueue) { var i, hook; - if (isDef(i = vnode$$1.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) { - i(oldVnode, vnode$$1); + if (isDef(i = vnode.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) { + i(oldVnode, vnode); } - var elm = vnode$$1.elm = oldVnode.elm; + var elm = vnode.elm = oldVnode.elm; var oldCh = oldVnode.children; - var ch = vnode$$1.children; - if (oldVnode === vnode$$1) + var ch = vnode.children; + if (oldVnode === vnode) { return; } - if (vnode$$1.data !== undefined) { + if (vnode.data !== undefined) { for (i = 0; i < cbs.update.length; ++i) - { cbs.update[i](oldVnode, vnode$$1); } - i = vnode$$1.data.hook; + { cbs.update[i](oldVnode, vnode); } + i = vnode.data.hook; if (isDef(i) && isDef(i = i.update)) - { i(oldVnode, vnode$$1); } + { i(oldVnode, vnode); } } - if (isUndef(vnode$$1.text)) { + if (isUndef(vnode.text)) { if (isDef(oldCh) && isDef(ch)) { if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue); } @@ -10656,14 +10911,14 @@ api.setTextContent(elm, ''); } } - else if (oldVnode.text !== vnode$$1.text) { - api.setTextContent(elm, vnode$$1.text); + else if (oldVnode.text !== vnode.text) { + api.setTextContent(elm, vnode.text); } if (isDef(hook) && isDef(i = hook.postpatch)) { - i(oldVnode, vnode$$1); + i(oldVnode, vnode); } } - return function patch(oldVnode, vnode$$1) { + return function patch(oldVnode, vnode) { var i, elm, parent; var insertedVnodeQueue = []; for (i = 0; i < cbs.pre.length; ++i) @@ -10671,15 +10926,15 @@ if (!isVnode(oldVnode)) { oldVnode = emptyNodeAt(oldVnode); } - if (sameVnode(oldVnode, vnode$$1)) { - patchVnode(oldVnode, vnode$$1, insertedVnodeQueue); + if (sameVnode(oldVnode, vnode)) { + patchVnode(oldVnode, vnode, insertedVnodeQueue); } else { elm = oldVnode.elm; parent = api.parentNode(elm); - createElm(vnode$$1, insertedVnodeQueue); + createElm(vnode, insertedVnodeQueue); if (parent !== null) { - api.insertBefore(parent, vnode$$1.elm, api.nextSibling(elm)); + api.insertBefore(parent, vnode.elm, api.nextSibling(elm)); removeVnodes(parent, [oldVnode], 0, 0); } } @@ -10688,7 +10943,7 @@ } for (i = 0; i < cbs.post.length; ++i) { cbs.post[i](); } - return vnode$$1; + return vnode; }; } @@ -10861,7 +11116,7 @@ var on = vnode.data.on; // call event handler(s) if exists if (on && on[name]) { - invokeHandler(on[name], event, args, vnode); + invokeHandler(on[name], event, args); } } function createListener() { @@ -10927,7 +11182,7 @@ /* eslint import/no-named-as-default: off */ - var patch = init$1([ + var patch = init([ attributesModule, propsModule, styleModule, @@ -10947,6 +11202,7 @@ $app: app, $f7: app, $options: Utils.extend({ id: id }, options), + $id: options.id || id, } ); var $options = self.$options; @@ -11552,26 +11808,26 @@ }; function getCurrentView(app) { - var popoverView = $('.popover.modal-in .view'); - var popupView = $('.popup.modal-in .view'); - var panelView = $('.panel.panel-active .view'); - var appViews = $('.views'); - if (appViews.length === 0) { appViews = app.root; } + var $popoverView = $('.popover.modal-in .view'); + var $popupView = $('.popup.modal-in .view'); + var $panelView = $('.panel.panel-active .view'); + var $viewsEl = $('.views'); + if ($viewsEl.length === 0) { $viewsEl = app.root; } // Find active view as tab - var appView = appViews.children('.view'); + var $viewEl = $viewsEl.children('.view'); // Propably in tabs or split view - if (appView.length > 1) { - if (appView.hasClass('tab')) { + if ($viewEl.length > 1) { + if ($viewEl.hasClass('tab')) { // Tabs - appView = appViews.children('.view.tab-active'); + $viewEl = $viewsEl.children('.view.tab-active'); } } - if (popoverView.length > 0 && popoverView[0].f7View) { return popoverView[0].f7View; } - if (popupView.length > 0 && popupView[0].f7View) { return popupView[0].f7View; } - if (panelView.length > 0 && panelView[0].f7View) { return panelView[0].f7View; } - if (appView.length > 0) { - if (appView.length === 1 && appView[0].f7View) { return appView[0].f7View; } - if (appView.length > 1) { + if ($popoverView.length > 0 && $popoverView[0].f7View) { return $popoverView[0].f7View; } + if ($popupView.length > 0 && $popupView[0].f7View) { return $popupView[0].f7View; } + if ($panelView.length > 0 && $panelView[0].f7View) { return $panelView[0].f7View; } + if ($viewEl.length > 0) { + if ($viewEl.length === 1 && $viewEl[0].f7View) { return $viewEl[0].f7View; } + if ($viewEl.length > 1) { return app.views.main; } } @@ -11614,6 +11870,11 @@ mdSwipeBackAnimateOpacity: false, mdSwipeBackActiveArea: 30, mdSwipeBackThreshold: 0, + auroraSwipeBack: false, + auroraSwipeBackAnimateShadow: false, + auroraSwipeBackAnimateOpacity: true, + auroraSwipeBackActiveArea: 30, + auroraSwipeBackThreshold: 0, // Push State pushState: false, pushStateRoot: undefined, @@ -11631,6 +11892,7 @@ // Delays iosPageLoadDelay: 0, mdPageLoadDelay: 0, + auroraPageLoadDelay: 0, // Routes hooks routesBeforeEnter: null, routesBeforeLeave: null, @@ -11694,7 +11956,9 @@ var Navbar = { size: function size(el) { var app = this; - if (app.theme === 'md' && !app.params.navbar.mdCenterTitle) { return; } + if (app.theme !== 'ios' && !app.params.navbar[((app.theme) + "CenterTitle")]) { + return; + } var $el = $(el); if ($el.hasClass('navbar')) { $el = $el.children('.navbar-inner').each(function (index, navbarEl) { @@ -11712,7 +11976,7 @@ return; } - if (app.theme === 'md' && app.params.navbar.mdCenterTitle) { + if (app.theme !== 'ios' && app.params.navbar[((app.theme) + "CenterTitle")]) { $el.addClass('navbar-inner-centered-title'); } if (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) { @@ -11829,10 +12093,7 @@ } // Center title - if ( - (app.theme === 'ios' && app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && app.params.navbar.mdCenterTitle) - ) { + if (app.params.navbar[((app.theme) + "CenterTitle")]) { var titleLeft = diff; if (app.rtl && noLeft && noRight && title.length > 0) { titleLeft = -titleLeft; } title.css({ left: (titleLeft + "px") }); @@ -11847,7 +12108,9 @@ if (!$el.length) { return; } if ($el.hasClass('navbar-hidden')) { return; } var className = "navbar-hidden" + (animate ? ' navbar-transitioning' : ''); - var currentIsLarge = app.theme === 'ios' ? $el.find('.navbar-current .title-large').length : $el.find('.title-large').length; + var currentIsLarge = app.theme === 'ios' + ? $el.find('.navbar-current .title-large').length + : $el.find('.title-large').length; if (currentIsLarge) { className += ' navbar-large-hidden'; } @@ -11855,11 +12118,14 @@ $el.removeClass('navbar-transitioning'); }); $el.addClass(className); + $el.trigger('navbar:hide'); + app.emit('navbarHide', $el[0]); }, show: function show(el, animate) { if ( el === void 0 ) el = '.navbar-hidden'; if ( animate === void 0 ) animate = true; + var app = this; var $el = $(el); if ($el.hasClass('navbar-inner')) { $el = $el.parents('.navbar'); } if (!$el.length) { return; } @@ -11871,6 +12137,8 @@ }); } $el.removeClass('navbar-hidden navbar-large-hidden'); + $el.trigger('navbar:show'); + app.emit('navbarShow', $el[0]); }, getElByPage: function getElByPage(page) { var $pageEl; @@ -11924,9 +12192,13 @@ var $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); $navbarInnerEl.addClass('navbar-inner-large-collapsed'); $pageEl.eq(0).addClass('page-with-navbar-large-collapsed').trigger('page:navbarlargecollapsed'); - if (app.theme === 'md') { - $navbarInnerEl.parents('.navbar').addClass('navbar-large-collapsed'); + app.emit('pageNavbarLargeCollapsed', $pageEl[0]); + var $navbarEl = $navbarInnerEl.parents('.navbar'); + if (app.theme === 'md' || app.theme === 'aurora') { + $navbarEl.addClass('navbar-large-collapsed'); } + $navbarEl.trigger('navbar:collapse'); + app.emit('navbarCollapse', $navbarEl[0]); }, expandLargeTitle: function expandLargeTitle(navbarInnerEl) { var app = this; @@ -11943,9 +12215,13 @@ var $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); $navbarInnerEl.removeClass('navbar-inner-large-collapsed'); $pageEl.eq(0).removeClass('page-with-navbar-large-collapsed').trigger('page:navbarlargeexpanded'); - if (app.theme === 'md') { - $navbarInnerEl.parents('.navbar').removeClass('navbar-large-collapsed'); + app.emit('pageNavbarLargeExpanded', $pageEl[0]); + var $navbarEl = $navbarInnerEl.parents('.navbar'); + if (app.theme === 'md' || app.theme === 'aurora') { + $navbarEl.removeClass('navbar-large-collapsed'); } + $navbarEl.trigger('navbar:expand'); + app.emit('navbarExpand', $navbarEl[0]); }, toggleLargeTitle: function toggleLargeTitle(navbarInnerEl) { var app = this; @@ -11969,7 +12245,7 @@ var app = this; var $pageEl = $(pageEl); var $navbarInnerEl = $(navbarInnerEl); - var $navbarEl = app.theme === 'md' + var $navbarEl = app.theme === 'md' || app.theme === 'aurora' ? $navbarInnerEl.parents('.navbar') : $(navbarInnerEl || app.navbar.getElByPage(pageEl)).closest('.navbar'); var isLarge = $navbarInnerEl.find('.title-large').length || $navbarInnerEl.hasClass('.navbar-inner-large'); @@ -11992,10 +12268,14 @@ if (navbarTitleLargeHeight && navbarTitleLargeHeight.indexOf('px') >= 0) { navbarTitleLargeHeight = parseInt(navbarTitleLargeHeight, 10); if (Number.isNaN(navbarTitleLargeHeight)) { - navbarTitleLargeHeight = app.theme === 'ios' ? 52 : 48; + if (app.theme === 'ios') { navbarTitleLargeHeight = 52; } + else if (app.theme === 'md') { navbarTitleLargeHeight = 48; } + else if (app.theme === 'aurora') { navbarTitleLargeHeight = 38; } } - } else { - navbarTitleLargeHeight = app.theme === 'ios' ? 52 : 48; + } else { // eslint-disable-next-line + if (app.theme === 'ios') { navbarTitleLargeHeight = 52; } + else if (app.theme === 'md') { navbarTitleLargeHeight = 48; } + else if (app.theme === 'aurora') { navbarTitleLargeHeight = 38; } } } if (needHide && isLarge) { @@ -12030,7 +12310,7 @@ $navbarInnerEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); $pageEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); $navbarInnerEl[0].style.overflow = ''; - if (app.theme === 'md') { + if (app.theme === 'md' || app.theme === 'aurora') { $navbarEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); } } else if (collapseProgress === 1 && !navbarCollapsed) { @@ -12038,21 +12318,21 @@ $navbarInnerEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); $navbarInnerEl[0].style.overflow = ''; $pageEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); - if (app.theme === 'md') { + if (app.theme === 'md' || app.theme === 'aurora') { $navbarEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); } } else if ((collapseProgress === 1 && navbarCollapsed) || (collapseProgress === 0 && !navbarCollapsed)) { $navbarInnerEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); $navbarInnerEl[0].style.overflow = ''; $pageEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); - if (app.theme === 'md') { + if (app.theme === 'md' || app.theme === 'aurora') { $navbarEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); } } else { $navbarInnerEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); $navbarInnerEl[0].style.overflow = 'visible'; $pageEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); - if (app.theme === 'md') { + if (app.theme === 'md' || app.theme === 'aurora') { $navbarEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); } } @@ -12177,6 +12457,7 @@ scrollTopOnTitleClick: true, iosCenterTitle: true, mdCenterTitle: false, + auroraCenterTitle: true, hideOnPageScroll: false, showOnPageScrollEnd: true, showOnPageScrollTop: true, @@ -12185,7 +12466,7 @@ }, }, on: { - 'panelBreakpoint resize viewMasterDetailBreakpoint': function onResize() { + 'panelBreakpoint panelResize resize viewMasterDetailBreakpoint': function onResize() { var app = this; $('.navbar').each(function (index, navbarEl) { app.navbar.size(navbarEl); @@ -12235,7 +12516,7 @@ } if ($navbarInnerEl.hasClass('navbar-inner-large')) { if (app.params.navbar.collapseLargeTitleOnScroll) { needCollapseOnScrollHandler = true; } - if (app.theme === 'md') { + if (app.theme === 'md' || app.theme === 'aurora') { $navbarInnerEl.parents('.navbar').addClass('navbar-large'); } page.$el.addClass('page-with-navbar-large'); @@ -12268,10 +12549,7 @@ }, modalOpen: function modalOpen(modal) { var app = this; - if ( - (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && !app.params.navbar.mdCenterTitle) - ) { + if (!app.params.navbar[((app.theme) + "CenterTitle")]) { return; } modal.$el.find('.navbar:not(.navbar-previous):not(.stacked)').each(function (index, navbarEl) { @@ -12280,10 +12558,7 @@ }, panelOpen: function panelOpen(panel) { var app = this; - if ( - (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && !app.params.navbar.mdCenterTitle) - ) { + if (!app.params.navbar[((app.theme) + "CenterTitle")]) { return; } panel.$el.find('.navbar:not(.navbar-previous):not(.stacked)').each(function (index, navbarEl) { @@ -12292,10 +12567,7 @@ }, panelSwipeOpen: function panelSwipeOpen(panel) { var app = this; - if ( - (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && !app.params.navbar.mdCenterTitle) - ) { + if (!app.params.navbar[((app.theme) + "CenterTitle")]) { return; } panel.$el.find('.navbar:not(.navbar-previous):not(.stacked)').each(function (index, navbarEl) { @@ -12304,10 +12576,7 @@ }, tabShow: function tabShow(tabEl) { var app = this; - if ( - (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && !app.params.navbar.mdCenterTitle) - ) { + if (!app.params.navbar[((app.theme) + "CenterTitle")]) { return; } $(tabEl).find('.navbar:not(.navbar-previous):not(.stacked)').each(function (index, navbarEl) { @@ -12354,10 +12623,7 @@ 'navbar-inner': { postpatch: function postpatch(vnode) { var app = this; - if ( - (app.theme === 'ios' && !app.params.navbar.iosCenterTitle) - || (app.theme === 'md' && !app.params.navbar.mdCenterTitle) - ) { + if (!app.params.navbar[((app.theme) + "CenterTitle")]) { return; } app.navbar.size(vnode.elm); @@ -12604,8 +12870,6 @@ $el.prepend(ripple.$rippleWaveEl); - /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */ - // ripple._clientLeft = ripple.$rippleWaveEl[0].clientLeft; ripple.rippleTransform = "translate3d(" + (-center.x + (width / 2)) + "px, " + (-center.y + (height / 2)) + "px, 0) scale(1)"; Utils.nextFrame(function () { @@ -12616,7 +12880,7 @@ return ripple; }; - TouchRipple.prototype.onRemove = function onRemove () { + TouchRipple.prototype.destroy = function destroy () { var ripple = this; if (ripple.$rippleWaveEl) { ripple.$rippleWaveEl.remove(); @@ -12634,7 +12898,7 @@ var $rippleWaveEl = this.$rippleWaveEl; var rippleTransform = this.rippleTransform; var removeTimeout = Utils.nextTick(function () { - ripple.onRemove(); + ripple.destroy(); }, 400); ripple.removing = true; $rippleWaveEl @@ -12648,12 +12912,12 @@ .transform(rippleTransform.replace('scale(1)', 'scale(1.01)')); removeTimeout = Utils.nextTick(function () { - ripple.onRemove(); + ripple.destroy(); }, 700); $rippleWaveEl.transitionEnd(function () { clearTimeout(removeTimeout); - ripple.onRemove(); + ripple.destroy(); }); }); }); @@ -12684,9 +12948,9 @@ var dialog = dialogsQueue.shift(); dialog.open(); } - var Modal = /*@__PURE__*/(function (Framework7Class$$1) { + var Modal = /*@__PURE__*/(function (Framework7Class) { function Modal(app, params) { - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var modal = this; @@ -12704,8 +12968,8 @@ return this; } - if ( Framework7Class$$1 ) Modal.__proto__ = Framework7Class$$1; - Modal.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Modal.__proto__ = Framework7Class; + Modal.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Modal.prototype.constructor = Modal; Modal.prototype.onOpen = function onOpen () { @@ -12922,7 +13186,7 @@ return Modal; }(Framework7Class)); - var CustomModal = /*@__PURE__*/(function (Modal$$1) { + var CustomModal = /*@__PURE__*/(function (Modal) { function CustomModal(app, params) { var extendedParams = Utils.extend({ backdrop: true, @@ -12931,7 +13195,7 @@ }, params); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var customModal = this; @@ -12993,8 +13257,8 @@ return customModal; } - if ( Modal$$1 ) CustomModal.__proto__ = Modal$$1; - CustomModal.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) CustomModal.__proto__ = Modal; + CustomModal.prototype = Object.create( Modal && Modal.prototype ); CustomModal.prototype.constructor = CustomModal; return CustomModal; @@ -13022,7 +13286,11 @@ }, }; - var Dialog = /*@__PURE__*/(function (Modal$$1) { + var Appbar = { + name: 'appbar', + }; + + var Dialog = /*@__PURE__*/(function (Modal) { function Dialog(app, params) { var extendedParams = Utils.extend({ title: app.params.dialog.title, @@ -13040,7 +13308,7 @@ } // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var dialog = this; @@ -13097,7 +13365,7 @@ if (button.close !== false) { dialog.close(); } } var addKeyboardHander; - function onKeyPress(e) { + function onKeyDown(e) { var keyCode = e.keyCode; buttons.forEach(function (button, index) { if (button.keyCodes && button.keyCodes.indexOf(keyCode) >= 0) { @@ -13121,7 +13389,7 @@ && !app.device.android && !app.device.cordova ) { - $(doc).on('keydown', onKeyPress); + $(doc).on('keydown', onKeyDown); } }); dialog.on('close', function () { @@ -13134,7 +13402,7 @@ && !app.device.android && !app.device.cordova ) { - $(doc).off('keydown', onKeyPress); + $(doc).off('keydown', onKeyDown); } addKeyboardHander = false; }); @@ -13214,8 +13482,8 @@ return dialog; } - if ( Modal$$1 ) Dialog.__proto__ = Modal$$1; - Dialog.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Dialog.__proto__ = Modal; + Dialog.prototype = Object.create( Modal && Modal.prototype ); Dialog.prototype.constructor = Dialog; return Dialog; @@ -13300,6 +13568,7 @@ { text: app.params.dialog.buttonCancel, keyCodes: keyboardActions ? [27] : null, + color: app.theme === 'aurora' ? 'gray' : null, }, { text: app.params.dialog.buttonOk, @@ -13334,6 +13603,7 @@ text: app.params.dialog.buttonCancel, onClick: callbackCancel, keyCodes: keyboardActions ? [27] : null, + color: app.theme === 'aurora' ? 'gray' : null, }, { text: app.params.dialog.buttonOk, @@ -13364,6 +13634,7 @@ { text: app.params.dialog.buttonCancel, keyCodes: keyboardActions ? [27] : null, + color: app.theme === 'aurora' ? 'gray' : null, }, { text: app.params.dialog.buttonOk, @@ -13399,6 +13670,7 @@ { text: app.params.dialog.buttonCancel, keyCodes: keyboardActions ? [27] : null, + color: app.theme === 'aurora' ? 'gray' : null, }, { text: app.params.dialog.buttonOk, @@ -13456,7 +13728,7 @@ }, }; - var Popup = /*@__PURE__*/(function (Modal$$1) { + var Popup = /*@__PURE__*/(function (Modal) { function Popup(app, params) { var extendedParams = Utils.extend( { on: {} }, @@ -13465,7 +13737,7 @@ ); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var popup = this; @@ -13474,9 +13746,9 @@ // Find Element var $el; if (!popup.params.el) { - $el = $(popup.params.content); + $el = $(popup.params.content).filter(function (elIndex, node) { return node.nodeType === 1; }).eq(0); } else { - $el = $(popup.params.el); + $el = $(popup.params.el).eq(0); } if ($el && $el.length > 0 && $el[0].f7Modal) { @@ -13488,7 +13760,9 @@ } var $backdropEl; - if (popup.params.backdrop) { + if (popup.params.backdrop && popup.params.backdropEl) { + $backdropEl = $(popup.params.backdropEl); + } else if (popup.params.backdrop) { $backdropEl = app.root.children('.popup-backdrop'); if ($backdropEl.length === 0) { $backdropEl = $('
'); @@ -13508,6 +13782,8 @@ function handleClick(e) { var target = e.target; var $target = $(target); + var keyboardOpened = !app.device.desktop && app.device.cordova && ((window.Keyboard && window.Keyboard.isVisible) || (window.cordova.plugins && window.cordova.plugins.Keyboard && window.cordova.plugins.Keyboard.isVisible)); + if (keyboardOpened) { return; } if ($target.closest(popup.el).length === 0) { if ( popup.params @@ -13535,7 +13811,23 @@ } } + function onKeyDown(e) { + var keyCode = e.keyCode; + if (keyCode === 27 && popup.params.closeOnEscape) { + popup.close(); + } + } + if (popup.params.closeOnEscape) { + popup.on('popupOpen', function () { + $(document).on('keydown', onKeyDown); + }); + popup.on('popupClose', function () { + $(document).off('keydown', onKeyDown); + }); + } + popup.on('popupOpened', function () { + $el.removeClass('swipe-close-to-bottom swipe-close-to-top'); if (popup.params.closeByBackdropClick) { app.on('click', handleClick); } @@ -13546,13 +13838,134 @@ } }); + var allowSwipeToClose = true; + var isTouched = false; + var startTouch; + var currentTouch; + var isScrolling; + var touchStartTime; + var touchesDiff; + var isMoved = false; + var pageContentEl; + var pageContentScrollTop; + var pageContentOffsetHeight; + var pageContentScrollHeight; + + function handleTouchStart(e) { + if (isTouched || !allowSwipeToClose || !popup.params.swipeToClose) { return; } + if (popup.params.swipeHandler && $(e.target).closest(popup.params.swipeHandler).length === 0) { + return; + } + isTouched = true; + isMoved = false; + startTouch = { + x: e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX, + y: e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY, + }; + touchStartTime = Utils.now(); + isScrolling = undefined; + if (!popup.params.swipeHandler && e.type === 'touchstart') { + pageContentEl = $(e.target).closest('.page-content')[0]; + } + } + function handleTouchMove(e) { + if (!isTouched) { return; } + currentTouch = { + x: e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX, + y: e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY, + }; + + if (typeof isScrolling === 'undefined') { + isScrolling = !!(isScrolling || Math.abs(currentTouch.x - startTouch.x) > Math.abs(currentTouch.y - startTouch.y)); + } + if (isScrolling) { + isTouched = false; + isMoved = false; + return; + } + + touchesDiff = startTouch.y - currentTouch.y; + var direction = touchesDiff < 0 ? 'to-bottom' : 'to-top'; + $el.transition(0); + + if (typeof popup.params.swipeToClose === 'string' && direction !== popup.params.swipeToClose) { + $el.transform(''); + return; + } + + if (!isMoved) { + if (pageContentEl) { + pageContentScrollTop = pageContentEl.scrollTop; + pageContentScrollHeight = pageContentEl.scrollHeight; + pageContentOffsetHeight = pageContentEl.offsetHeight; + if ( + !(pageContentScrollHeight === pageContentOffsetHeight) + && !(direction === 'to-bottom' && pageContentScrollTop === 0) + && !(direction === 'to-top' && pageContentScrollTop === (pageContentScrollHeight - pageContentOffsetHeight)) + ) { + $el.transform(''); + isTouched = false; + isMoved = false; + return; + } + } + isMoved = true; + } + e.preventDefault(); + $el.transition(0).transform(("translate3d(0," + (-touchesDiff) + "px,0)")); + } + function handleTouchEnd() { + isTouched = false; + if (!isMoved) { + return; + } + isMoved = false; + allowSwipeToClose = false; + $el.transition(''); + var direction = touchesDiff < 0 ? 'to-bottom' : 'to-top'; + if ((typeof popup.params.swipeToClose === 'string' && direction !== popup.params.swipeToClose)) { + $el.transform(''); + allowSwipeToClose = true; + return; + } + var diff = Math.abs(touchesDiff); + var timeDiff = (new Date()).getTime() - touchStartTime; + if ((timeDiff < 300 && diff > 20) || (timeDiff >= 300 && diff > 100)) { + Utils.nextTick(function () { + if (direction === 'to-bottom') { + $el.addClass('swipe-close-to-bottom'); + } else { + $el.addClass('swipe-close-to-top'); + } + $el.transform(''); + popup.close(); + allowSwipeToClose = true; + }); + return; + } + allowSwipeToClose = true; + $el.transform(''); + } + + var passive = Support.passiveListener ? { passive: true } : false; + if (popup.params.swipeToClose) { + $el.on(app.touchEvents.start, handleTouchStart, passive); + app.on('touchmove', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + popup.once('popupDestroy', function () { + $el.off(app.touchEvents.start, handleTouchStart, passive); + app.off('touchmove', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + }); + } + $el[0].f7Modal = popup; return popup; } - if ( Modal$$1 ) Popup.__proto__ = Modal$$1; - Popup.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Popup.__proto__ = Modal; + Popup.prototype = Object.create( Modal && Modal.prototype ); Popup.prototype.constructor = Popup; return Popup; @@ -13563,7 +13976,11 @@ params: { popup: { backdrop: true, + backdropEl: undefined, closeByBackdropClick: true, + closeOnEscape: false, + swipeToClose: false, + swipeHandler: null, }, }, static: { @@ -13593,14 +14010,14 @@ }, }; - var LoginScreen = /*@__PURE__*/(function (Modal$$1) { + var LoginScreen = /*@__PURE__*/(function (Modal) { function LoginScreen(app, params) { var extendedParams = Utils.extend({ on: {}, }, params); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var loginScreen = this; @@ -13609,9 +14026,9 @@ // Find Element var $el; if (!loginScreen.params.el) { - $el = $(loginScreen.params.content); + $el = $(loginScreen.params.content).filter(function (elIndex, node) { return node.nodeType === 1; }).eq(0); } else { - $el = $(loginScreen.params.el); + $el = $(loginScreen.params.el).eq(0); } if ($el && $el.length > 0 && $el[0].f7Modal) { @@ -13634,8 +14051,8 @@ return loginScreen; } - if ( Modal$$1 ) LoginScreen.__proto__ = Modal$$1; - LoginScreen.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) LoginScreen.__proto__ = Modal; + LoginScreen.prototype = Object.create( Modal && Modal.prototype ); LoginScreen.prototype.constructor = LoginScreen; return LoginScreen; @@ -13670,7 +14087,7 @@ }, }; - var Popover = /*@__PURE__*/(function (Modal$$1) { + var Popover = /*@__PURE__*/(function (Modal) { function Popover(app, params) { var extendedParams = Utils.extend( { on: {} }, @@ -13679,7 +14096,7 @@ ); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var popover = this; @@ -13688,9 +14105,9 @@ // Find Element var $el; if (!popover.params.el) { - $el = $(popover.params.content); + $el = $(popover.params.content).filter(function (elIndex, node) { return node.nodeType === 1; }).eq(0); } else { - $el = $(popover.params.el); + $el = $(popover.params.el).eq(0); } if ($el && $el.length > 0 && $el[0].f7Modal) { @@ -13706,7 +14123,9 @@ // Backdrop var $backdropEl; - if (popover.params.backdrop) { + if (popover.params.backdrop && popover.params.backdropEl) { + $backdropEl = $(popover.params.backdropEl); + } else if (popover.params.backdrop) { $backdropEl = app.root.children('.popover-backdrop'); if ($backdropEl.length === 0) { $backdropEl = $('
'); @@ -13759,14 +14178,18 @@ popover.on('popoverOpen', function () { popover.resize(); app.on('resize', handleResize); + $(window).on('keyboardDidShow keyboardDidHide', handleResize); popover.on('popoverClose popoverBeforeDestroy', function () { app.off('resize', handleResize); + $(window).off('keyboardDidShow keyboardDidHide', handleResize); }); }); function handleClick(e) { var target = e.target; var $target = $(target); + var keyboardOpened = !app.device.desktop && app.device.cordova && ((window.Keyboard && window.Keyboard.isVisible) || (window.cordova.plugins && window.cordova.plugins.Keyboard && window.cordova.plugins.Keyboard.isVisible)); + if (keyboardOpened) { return; } if ($target.closest(popover.el).length === 0) { if ( popover.params.closeByBackdropClick @@ -13781,6 +14204,22 @@ } } + function onKeyDown(e) { + var keyCode = e.keyCode; + if (keyCode === 27 && popover.params.closeOnEscape) { + popover.close(); + } + } + + if (popover.params.closeOnEscape) { + popover.on('popoverOpen', function () { + $(document).on('keydown', onKeyDown); + }); + popover.on('popoverClose', function () { + $(document).off('keydown', onKeyDown); + }); + } + popover.on('popoverOpened', function () { if (popover.params.closeByOutsideClick || popover.params.closeByBackdropClick) { app.on('click', handleClick); @@ -13797,8 +14236,8 @@ return popover; } - if ( Modal$$1 ) Popover.__proto__ = Modal$$1; - Popover.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Popover.__proto__ = Modal; + Popover.prototype = Object.create( Modal && Modal.prototype ); Popover.prototype.constructor = Popover; Popover.prototype.resize = function resize () { @@ -13817,11 +14256,11 @@ var angleSize = 0; var angleLeft; var angleTop; - if (app.theme === 'ios') { + if (app.theme === 'ios' || app.theme === 'aurora') { $angleEl.removeClass('on-left on-right on-top on-bottom').css({ left: '', top: '' }); angleSize = $angleEl.width() / 2; } else { - $el.removeClass('popover-on-left popover-on-right popover-on-top popover-on-bottom').css({ left: '', top: '' }); + $el.removeClass('popover-on-left popover-on-right popover-on-top popover-on-bottom popover-on-middle').css({ left: '', top: '' }); } var targetWidth; @@ -13857,38 +14296,35 @@ if (height < app.height - targetOffsetTop - targetHeight) { // On bottom position = 'bottom'; - top = targetOffsetTop; + top = targetOffsetTop + targetHeight; } else if (height < targetOffsetTop) { // On top - top = (targetOffsetTop - height) + targetHeight; + top = targetOffsetTop - height; position = 'top'; } else { // On middle - position = 'bottom'; - top = targetOffsetTop; - } - - if (top <= 0) { - top = 8; - } else if (top + height >= app.height) { - top = app.height - height - 8; + position = 'middle'; + top = ((targetHeight / 2) + targetOffsetTop) - (height / 2); } + top = Math.max(8, Math.min(top, app.height - height - 8)); // Horizontal Position - left = (targetOffsetLeft + targetWidth) - width - 8; - if (left + width >= app.width - 8) { - left = (targetOffsetLeft + targetWidth) - width - 8; - } - if (left < 8) { - left = 8; - } - if (position === 'top') { - $el.addClass('popover-on-top'); - } - if (position === 'bottom') { - $el.addClass('popover-on-bottom'); + var hPosition; + if (targetOffsetLeft < app.width / 2) { + hPosition = 'right'; + left = position === 'middle' + ? targetOffsetLeft + targetWidth + : targetOffsetLeft; + } else { + hPosition = 'left'; + left = position === 'middle' + ? targetOffsetLeft - width + : (targetOffsetLeft + targetWidth) - width; } + left = Math.max(8, Math.min(left, app.width - width - 8)); + $el.addClass(("popover-on-" + position + " popover-on-" + hPosition)); } else { + // ios and aurora if ((height + angleSize) < targetOffsetTop) { // On top top = targetOffsetTop - height - angleSize; @@ -13901,11 +14337,7 @@ position = 'middle'; top = ((targetHeight / 2) + targetOffsetTop) - (height / 2); diff = top; - if (top <= 0) { - top = 5; - } else if (top + height >= app.height) { - top = app.height - height - 5; - } + top = Math.max(5, Math.min(top, app.height - height - 5)); diff -= top; } @@ -13913,9 +14345,7 @@ if (position === 'top' || position === 'bottom') { left = ((targetWidth / 2) + targetOffsetLeft) - (width / 2); diff = left; - if (left < 5) { left = 5; } - if (left + width > app.width) { left = app.width - width - 5; } - if (left < 0) { left = 0; } + left = Math.max(5, Math.min(left, app.width - width - 5)); if (position === 'top') { $angleEl.addClass('on-bottom'); } @@ -13951,9 +14381,11 @@ name: 'popover', params: { popover: { + backdrop: true, + backdropEl: undefined, closeByBackdropClick: true, closeByOutsideClick: true, - backdrop: true, + closeOnEscape: false, }, }, static: { @@ -13995,7 +14427,7 @@ /* eslint indent: ["off"] */ - var Actions = /*@__PURE__*/(function (Modal$$1) { + var Actions = /*@__PURE__*/(function (Modal) { function Actions(app, params) { var extendedParams = Utils.extend( { on: {} }, @@ -14004,7 +14436,7 @@ ); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var actions = this; @@ -14021,9 +14453,9 @@ // Find Element var $el; if (actions.params.el) { - $el = $(actions.params.el); + $el = $(actions.params.el).eq(0); } else if (actions.params.content) { - $el = $(actions.params.content); + $el = $(actions.params.content).filter(function (elIndex, node) { return node.nodeType === 1; }).eq(0); } else if (actions.params.buttons) { if (actions.params.convertToPopover) { actions.popoverHtml = actions.renderPopover(); @@ -14041,7 +14473,9 @@ // Backdrop var $backdropEl; - if (actions.params.backdrop) { + if (actions.params.backdrop && actions.params.backdropEl) { + $backdropEl = $(actions.params.backdropEl); + } else if (actions.params.backdrop) { $backdropEl = app.root.children('.actions-backdrop'); if ($backdropEl.length === 0) { $backdropEl = $('
'); @@ -14054,15 +14488,15 @@ var popover; function buttonOnClick(e) { - var buttonEl = this; + var $buttonEl = $(this); var buttonIndex; var groupIndex; - if ($(buttonEl).hasClass('list-button')) { - buttonIndex = $(buttonEl).parents('li').index(); - groupIndex = $(buttonEl).parents('.list').index(); + if ($buttonEl.hasClass('list-button') || $buttonEl.hasClass('item-link')) { + buttonIndex = $buttonEl.parents('li').index(); + groupIndex = $buttonEl.parents('.list').index(); } else { - buttonIndex = $(buttonEl).index(); - groupIndex = $(buttonEl).parents('.actions-group').index(); + buttonIndex = $buttonEl.index(); + groupIndex = $buttonEl.parents('.actions-group').index(); } if (typeof groups !== 'undefined') { var button = groups[groupIndex][buttonIndex]; @@ -14085,6 +14519,7 @@ actions.params.forceToPopover || (app.device.ios && app.device.ipad) || app.width >= 768 + || (app.device.desktop && app.theme === 'aurora') ) { convertToPopover = true; } @@ -14101,12 +14536,12 @@ }); popover.open(animate); popover.once('popoverOpened', function () { - popover.$el.find('.list-button').each(function (groupIndex, buttonEl) { + popover.$el.find('.list-button, .item-link').each(function (groupIndex, buttonEl) { $(buttonEl).on('click', buttonOnClick); }); }); popover.once('popoverClosed', function () { - popover.$el.find('.list-button').each(function (groupIndex, buttonEl) { + popover.$el.find('.list-button, .item-link').each(function (groupIndex, buttonEl) { $(buttonEl).off('click', buttonOnClick); }); Utils.nextTick(function () { @@ -14154,6 +14589,8 @@ function handleClick(e) { var target = e.target; var $target = $(target); + var keyboardOpened = !app.device.desktop && app.device.cordova && ((window.Keyboard && window.Keyboard.isVisible) || (window.cordova.plugins && window.cordova.plugins.Keyboard && window.cordova.plugins.Keyboard.isVisible)); + if (keyboardOpened) { return; } if ($target.closest(actions.el).length === 0) { if ( actions.params.closeByBackdropClick @@ -14168,6 +14605,22 @@ } } + function onKeyDown(e) { + var keyCode = e.keyCode; + if (keyCode === 27 && actions.params.closeOnEscape) { + actions.close(); + } + } + + if (actions.params.closeOnEscape) { + actions.on('open', function () { + $(document).on('keydown', onKeyDown); + }); + actions.on('close', function () { + $(document).off('keydown', onKeyDown); + }); + } + actions.on('opened', function () { if (actions.params.closeByBackdropClick || actions.params.closeByOutsideClick) { app.on('click', handleClick); @@ -14186,8 +14639,8 @@ return actions; } - if ( Modal$$1 ) Actions.__proto__ = Modal$$1; - Actions.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Actions.__proto__ = Modal; + Actions.prototype = Object.create( Modal && Modal.prototype ); Actions.prototype.constructor = Actions; Actions.prototype.render = function render () { @@ -14240,7 +14693,7 @@ return ("\n
  • \n \n
    \n " + icon + "\n
    \n
    \n
    \n " + text + "\n
    \n
    \n     \n
    • \n "); } itemClasses.push('list-button'); - return ("\n
  • \n " + text + "\n
    • \n "); + return ("\n
  • \n " + text + "\n
    • \n "); }).join('')) + "\n \n \n "); }).join('')) + "\n \n \n ").trim(); }; @@ -14253,10 +14706,12 @@ actions: { convertToPopover: true, forceToPopover: false, + backdrop: true, + backdropEl: undefined, closeByBackdropClick: true, + closeOnEscape: false, render: null, renderPopover: null, - backdrop: true, }, }, static: { @@ -14286,7 +14741,7 @@ }, }; - var Sheet = /*@__PURE__*/(function (Modal$$1) { + var Sheet = /*@__PURE__*/(function (Modal) { function Sheet(app, params) { var extendedParams = Utils.extend( { on: {} }, @@ -14295,18 +14750,21 @@ ); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var sheet = this; sheet.params = extendedParams; + if (typeof sheet.params.backdrop === 'undefined') { + sheet.params.backdrop = app.theme !== 'ios'; + } // Find Element var $el; if (!sheet.params.el) { - $el = $(sheet.params.content); + $el = $(sheet.params.content).filter(function (elIndex, node) { return node.nodeType === 1; }).eq(0); } else { - $el = $(sheet.params.el); + $el = $(sheet.params.el).eq(0); } if ($el && $el.length > 0 && $el[0].f7Modal) { @@ -14317,7 +14775,10 @@ return sheet.destroy(); } var $backdropEl; - if (sheet.params.backdrop) { + + if (sheet.params.backdrop && sheet.params.backdropEl) { + $backdropEl = $(sheet.params.backdropEl); + } else if (sheet.params.backdrop) { $backdropEl = app.root.children('.sheet-backdrop'); if ($backdropEl.length === 0) { $backdropEl = $('
    '); @@ -14325,8 +14786,17 @@ } } + Utils.extend(sheet, { + app: app, + $el: $el, + el: $el[0], + $backdropEl: $backdropEl, + backdropEl: $backdropEl && $backdropEl[0], + type: 'sheet', + }); + var $pageContentEl; - function scrollToOpen() { + function scrollToElementOnOpen() { var $scrollEl = $(sheet.params.scrollToEl).eq(0); if ($scrollEl.length === 0) { return; } $pageContentEl = $scrollEl.parents('.page-content'); @@ -14356,7 +14826,7 @@ } } - function scrollToClose() { + function scrollToElementOnClose() { if ($pageContentEl && $pageContentEl.length > 0) { $pageContentEl.css({ 'padding-bottom': '', @@ -14366,6 +14836,8 @@ function handleClick(e) { var target = e.target; var $target = $(target); + var keyboardOpened = !app.device.desktop && app.device.cordova && ((window.Keyboard && window.Keyboard.isVisible) || (window.cordova.plugins && window.cordova.plugins.Keyboard && window.cordova.plugins.Keyboard.isVisible)); + if (keyboardOpened) { return; } if ($target.closest(sheet.el).length === 0) { if ( sheet.params.closeByBackdropClick @@ -14380,9 +14852,223 @@ } } + function onKeyDown(e) { + var keyCode = e.keyCode; + if (keyCode === 27 && sheet.params.closeOnEscape) { + sheet.close(); + } + } + + + var isTouched = false; + var startTouch; + var currentTouch; + var isScrolling; + var touchStartTime; + var touchesDiff; + var isMoved = false; + var isTopSheetModal; + var swipeStepTranslate; + var startTranslate; + var currentTranslate; + var sheetElOffsetHeight; + var minTranslate; + var maxTranslate; + + function handleTouchStart(e) { + if (isTouched || !(sheet.params.swipeToClose || sheet.params.swipeToStep)) { return; } + if (sheet.params.swipeHandler && $(e.target).closest(sheet.params.swipeHandler).length === 0) { + return; + } + isTouched = true; + isMoved = false; + startTouch = { + x: e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX, + y: e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY, + }; + touchStartTime = Utils.now(); + isScrolling = undefined; + isTopSheetModal = $el.hasClass('sheet-modal-top'); + } + function handleTouchMove(e) { + if (!isTouched) { return; } + currentTouch = { + x: e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX, + y: e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY, + }; + + if (typeof isScrolling === 'undefined') { + isScrolling = !!(isScrolling || Math.abs(currentTouch.x - startTouch.x) > Math.abs(currentTouch.y - startTouch.y)); + } + if (isScrolling) { + isTouched = false; + isMoved = false; + return; + } + + touchesDiff = startTouch.y - currentTouch.y; + if (!isMoved) { + sheetElOffsetHeight = $el[0].offsetHeight; + startTranslate = Utils.getTranslate($el[0], 'y'); + if (isTopSheetModal) { + minTranslate = sheet.params.swipeToClose ? -sheetElOffsetHeight : -swipeStepTranslate; + maxTranslate = 0; + } else { + minTranslate = 0; + maxTranslate = sheet.params.swipeToClose ? sheetElOffsetHeight : swipeStepTranslate; + } + isMoved = true; + } + currentTranslate = startTranslate - touchesDiff; + currentTranslate = Math.min(Math.max(currentTranslate, minTranslate), maxTranslate); + e.preventDefault(); + $el + .transition(0) + .transform(("translate3d(0," + currentTranslate + "px,0)")); + if (sheet.params.swipeToStep) { + var progress; + if (isTopSheetModal) { + progress = 1 - (currentTranslate / swipeStepTranslate); + } else { + progress = (swipeStepTranslate - currentTranslate) / swipeStepTranslate; + } + progress = Math.min(Math.max(progress, 0), 1); + $el.trigger('sheet:stepprogress', progress); + sheet.emit('local::stepProgress sheetStepProgress', sheet, progress); + } + } + function handleTouchEnd() { + isTouched = false; + if (!isMoved) { + return; + } + isMoved = false; + $el.transform('').transition(''); + + var direction = touchesDiff < 0 ? 'to-bottom' : 'to-top'; + + var diff = Math.abs(touchesDiff); + if (diff === 0 || currentTranslate === startTranslate) { return; } + + var timeDiff = (new Date()).getTime() - touchStartTime; + + if (!sheet.params.swipeToStep) { + if (direction !== (isTopSheetModal ? 'to-top' : 'to-bottom')) { + return; + } + if ((timeDiff < 300 && diff > 20) || (timeDiff >= 300 && diff > (sheetElOffsetHeight / 2))) { + sheet.close(); + } + return; + } + + var openDirection = isTopSheetModal ? 'to-bottom' : 'to-top'; + var closeDirection = isTopSheetModal ? 'to-top' : 'to-bottom'; + var absCurrentTranslate = Math.abs(currentTranslate); + var absSwipeStepTranslate = Math.abs(swipeStepTranslate); + + if (timeDiff < 300 && diff > 10) { + if (direction === openDirection && absCurrentTranslate < absSwipeStepTranslate) { + // open step + $el.removeClass('modal-in-swipe-step'); + $el.trigger('sheet:stepprogress', 1); + sheet.emit('local::stepProgress sheetStepProgress', sheet, 1); + $el.trigger('sheet:stepopen'); + sheet.emit('local::stepOpen sheetStepOpen', sheet); + } + if (direction === closeDirection && absCurrentTranslate > absSwipeStepTranslate) { + // close sheet + if (sheet.params.swipeToClose) { + sheet.close(); + } else { + // close step + $el.addClass('modal-in-swipe-step'); + $el.trigger('sheet:stepprogress', 0); + sheet.emit('local::stepProgress sheetStepProgress', sheet, 0); + $el.trigger('sheet:stepclose'); + sheet.emit('local::stepClose sheetStepClose', sheet); + } + } + if (direction === closeDirection && absCurrentTranslate <= absSwipeStepTranslate) { + // close step + $el.addClass('modal-in-swipe-step'); + $el.trigger('sheet:stepprogress', 0); + sheet.emit('local::stepProgress sheetStepProgress', sheet, 0); + $el.trigger('sheet:stepclose'); + sheet.emit('local::stepClose sheetStepClose', sheet); + } + return; + } + if (timeDiff >= 300) { + var stepOpened = !$el.hasClass('modal-in-swipe-step'); + if (!stepOpened) { + if (absCurrentTranslate < (absSwipeStepTranslate / 2)) { + // open step + $el.removeClass('modal-in-swipe-step'); + $el.trigger('sheet:stepprogress', 1); + sheet.emit('local::stepProgress sheetStepProgress', sheet, 1); + $el.trigger('sheet:stepopen'); + sheet.emit('local::stepOpen sheetStepOpen', sheet); + } else if ((absCurrentTranslate - absSwipeStepTranslate) > (sheetElOffsetHeight - absSwipeStepTranslate) / 2) { + // close sheet + if (sheet.params.swipeToClose) { sheet.close(); } + } + } else if (stepOpened) { + if (absCurrentTranslate > absSwipeStepTranslate + (sheetElOffsetHeight - absSwipeStepTranslate) / 2) { + // close sheet + if (sheet.params.swipeToClose) { sheet.close(); } + } else if (absCurrentTranslate > absSwipeStepTranslate / 2) { + // close step + $el.addClass('modal-in-swipe-step'); + $el.trigger('sheet:stepprogress', 0); + sheet.emit('local::stepProgress sheetStepProgress', sheet, 0); + $el.trigger('sheet:stepclose'); + sheet.emit('local::stepClose sheetStepClose', sheet); + } + } + } + } + + function setSwipeStep(byResize) { + var $swipeStepEl = $el.find('.sheet-modal-swipe-step').eq(0); + if (!$swipeStepEl.length) { return; } + if ($el.hasClass('sheet-modal-top')) { + swipeStepTranslate = -($swipeStepEl.offset().top - $el.offset().top + $swipeStepEl[0].offsetHeight); + } else { + swipeStepTranslate = $el[0].offsetHeight - ($swipeStepEl.offset().top - $el.offset().top + $swipeStepEl[0].offsetHeight); + } + $el[0].style.setProperty('--f7-sheet-swipe-step', (swipeStepTranslate + "px")); + if (!byResize) { + $el.addClass('modal-in-swipe-step'); + } + } + + function onResize() { + setSwipeStep(true); + } + + var passive = Support.passiveListener ? { passive: true } : false; + if (sheet.params.swipeToClose || sheet.params.swipeToStep) { + $el.on(app.touchEvents.start, handleTouchStart, passive); + app.on('touchmove', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + sheet.once('sheetDestroy', function () { + $el.off(app.touchEvents.start, handleTouchStart, passive); + app.off('touchmove', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + }); + } + sheet.on('sheetOpen', function () { + if (sheet.params.closeOnEscape) { + $(document).on('keydown', onKeyDown); + } + if (sheet.params.swipeToStep) { + setSwipeStep(); + app.on('resize', onResize); + } if (sheet.params.scrollToEl) { - scrollToOpen(); + scrollToElementOnOpen(); } }); sheet.on('sheetOpened', function () { @@ -14391,30 +15077,38 @@ } }); sheet.on('sheetClose', function () { + if (sheet.params.swipeToStep) { + $el.removeClass('modal-in-swipe-step'); + app.off('resize', onResize); + } + if (sheet.params.closeOnEscape) { + $(document).off('keydown', onKeyDown); + } if (sheet.params.scrollToEl) { - scrollToClose(); + scrollToElementOnClose(); } if (sheet.params.closeByOutsideClick || sheet.params.closeByBackdropClick) { app.off('click', handleClick); } }); - Utils.extend(sheet, { - app: app, - $el: $el, - el: $el[0], - $backdropEl: $backdropEl, - backdropEl: $backdropEl && $backdropEl[0], - type: 'sheet', - }); + sheet.stepOpen = function stepOpen() { + $el.removeClass('modal-in-swipe-step'); + }; + sheet.stepClose = function stepClose() { + $el.addClass('modal-in-swipe-step'); + }; + sheet.stepToggle = function stepToggle() { + $el.toggleClass('modal-in-swipe-step'); + }; $el[0].f7Modal = sheet; return sheet; } - if ( Modal$$1 ) Sheet.__proto__ = Modal$$1; - Sheet.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Sheet.__proto__ = Modal; + Sheet.prototype = Object.create( Modal && Modal.prototype ); Sheet.prototype.constructor = Sheet; return Sheet; @@ -14424,8 +15118,14 @@ name: 'sheet', params: { sheet: { + backdrop: undefined, + backdropEl: undefined, closeByBackdropClick: true, closeByOutsideClick: false, + closeOnEscape: false, + swipeToClose: false, + swipeToStep: false, + swipeHandler: null, }, }, static: { @@ -14433,16 +15133,30 @@ }, create: function create() { var app = this; - if (!app.passedParams.sheet || app.passedParams.sheet.backdrop === undefined) { - app.params.sheet.backdrop = app.theme === 'md'; - } app.sheet = Utils.extend( {}, ModalMethods({ app: app, constructor: Sheet, defaultSelector: '.sheet-modal.modal-in', - }) + }), + { + stepOpen: function stepOpen(sheet) { + var sheetInstance = app.sheet.get(sheet); + if (sheetInstance && sheetInstance.stepOpen) { return sheetInstance.stepOpen(); } + return undefined; + }, + stepClose: function stepClose(sheet) { + var sheetInstance = app.sheet.get(sheet); + if (sheetInstance && sheetInstance.stepClose) { return sheetInstance.stepClose(); } + return undefined; + }, + stepToggle: function stepToggle(sheet) { + var sheetInstance = app.sheet.get(sheet); + if (sheetInstance && sheetInstance.stepToggle) { return sheetInstance.stepToggle(); } + return undefined; + }, + } ); }, clicks: { @@ -14464,14 +15178,14 @@ }, }; - var Toast = /*@__PURE__*/(function (Modal$$1) { + var Toast = /*@__PURE__*/(function (Modal) { function Toast(app, params) { var extendedParams = Utils.extend({ on: {}, }, app.params.toast, params); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var toast = this; @@ -14549,8 +15263,8 @@ return toast; } - if ( Modal$$1 ) Toast.__proto__ = Modal$$1; - Toast.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Toast.__proto__ = Modal; + Toast.prototype = Object.create( Modal && Modal.prototype ); Toast.prototype.constructor = Toast; Toast.prototype.render = function render () { @@ -14820,6 +15534,20 @@ }); }, }, + vnode: { + progressbar: { + insert: function insert(vnode) { + var app = this; + var el = vnode.elm; + app.progressbar.set(el, el.getAttribute('data-progress')); + }, + update: function update(vnode) { + var app = this; + var el = vnode.elm; + app.progressbar.set(el, el.getAttribute('data-progress')); + }, + }, + }, }; var Sortable = { @@ -15642,8 +16370,6 @@ }, }; - /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */ - var Accordion = { toggleClicked: function toggleClicked($clickedEl) { var app = this; @@ -15769,16 +16495,25 @@ name: 'contactsList', }; - var VirtualList = /*@__PURE__*/(function (Framework7Class$$1) { + var VirtualList = /*@__PURE__*/(function (Framework7Class) { function VirtualList(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var vl = this; + var defaultHeight; + if (app.theme === 'md') { + defaultHeight = 48; + } else if (app.theme === 'ios') { + defaultHeight = 44; + } else if (app.theme === 'aurora') { + defaultHeight = 38; + } + var defaults = { cols: 1, - height: app.theme === 'md' ? 48 : 44, + height: defaultHeight, cache: true, dynamicHeightBufferSize: 1, showFilteredItemsOnly: false, @@ -15789,6 +16524,7 @@ itemTemplate: undefined, ul: null, createUl: true, + scrollableParentEl: undefined, renderItem: function renderItem(item) { return ("\n
  • \n
    \n
    \n
    " + item + "
    \n
    \n
    \n
    • \n ").trim(); }, @@ -15800,7 +16536,7 @@ vl.params = Utils.extend(defaults, params); if (vl.params.height === undefined || !vl.params.height) { - vl.params.height = app.theme === 'md' ? 48 : 44; + vl.params.height = defaultHeight; } vl.$el = $(params.el); @@ -15822,6 +16558,12 @@ vl.$pageContentEl = vl.$el.parents('.page-content'); vl.pageContentEl = vl.$pageContentEl[0]; + vl.$scrollableParentEl = vl.params.scrollableParentEl ? $(vl.params.scrollableParentEl).eq(0) : vl.$pageContentEl; + if (!vl.$scrollableParentEl.length && vl.$pageContentEl.length) { + vl.$scrollableParentEl = vl.$pageContentEl; + } + vl.scrollableParentEl = vl.$scrollableParentEl[0]; + // Bad scroll if (typeof vl.params.updatableScroll !== 'undefined') { vl.updatableScroll = vl.params.updatableScroll; @@ -15884,7 +16626,7 @@ $panelEl = vl.$el.parents('.panel').eq(0); $popupEl = vl.$el.parents('.popup').eq(0); - vl.$pageContentEl.on('scroll', handleScrollBound); + vl.$scrollableParentEl.on('scroll', handleScrollBound); if ($pageEl) { $pageEl.on('page:reinit', handleResizeBound); } if ($tabEl) { $tabEl.on('tab:show', handleResizeBound); } if ($panelEl) { $panelEl.on('panel:open', handleResizeBound); } @@ -15892,7 +16634,7 @@ app.on('resize', handleResizeBound); }; vl.detachEvents = function attachEvents() { - vl.$pageContentEl.off('scroll', handleScrollBound); + vl.$scrollableParentEl.off('scroll', handleScrollBound); if ($pageEl) { $pageEl.off('page:reinit', handleResizeBound); } if ($tabEl) { $tabEl.off('tab:show', handleResizeBound); } if ($panelEl) { $panelEl.off('panel:open', handleResizeBound); } @@ -15905,14 +16647,14 @@ return vl; } - if ( Framework7Class$$1 ) VirtualList.__proto__ = Framework7Class$$1; - VirtualList.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) VirtualList.__proto__ = Framework7Class; + VirtualList.prototype = Object.create( Framework7Class && Framework7Class.prototype ); VirtualList.prototype.constructor = VirtualList; VirtualList.prototype.setListSize = function setListSize () { var vl = this; var items = vl.filteredItems || vl.items; - vl.pageHeight = vl.$pageContentEl[0].offsetHeight; + vl.pageHeight = vl.$scrollableParentEl[0].offsetHeight; if (vl.dynamicHeight) { vl.listHeight = 0; vl.heights = []; @@ -15939,10 +16681,10 @@ var vl = this; if (force) { vl.lastRepaintY = null; } - var scrollTop = -(vl.$el[0].getBoundingClientRect().top - vl.$pageContentEl[0].getBoundingClientRect().top); + var scrollTop = -(vl.$el[0].getBoundingClientRect().top - vl.$scrollableParentEl[0].getBoundingClientRect().top); if (typeof forceScrollTop !== 'undefined') { scrollTop = forceScrollTop; } - if (vl.lastRepaintY === null || Math.abs(scrollTop - vl.lastRepaintY) > vl.maxBufferHeight || (!vl.updatableScroll && (vl.$pageContentEl[0].scrollTop + vl.pageHeight >= vl.$pageContentEl[0].scrollHeight))) { + if (vl.lastRepaintY === null || Math.abs(scrollTop - vl.lastRepaintY) > vl.maxBufferHeight || (!vl.updatableScroll && (vl.$scrollableParentEl[0].scrollTop + vl.pageHeight >= vl.$scrollableParentEl[0].scrollHeight))) { vl.lastRepaintY = scrollTop; } else { return; @@ -16062,7 +16804,7 @@ } if (typeof forceScrollTop !== 'undefined' && force) { - vl.$pageContentEl.scrollTop(forceScrollTop, 0); + vl.$scrollableParentEl.scrollTop(forceScrollTop, 0); } if (vl.params.renderExternal) { vl.params.renderExternal(vl, { @@ -16085,7 +16827,7 @@ vl.filteredItems.push(vl.items[indexes[i]]); } if (resetScrollTop) { - vl.$pageContentEl[0].scrollTop = 0; + vl.$scrollableParentEl[0].scrollTop = 0; } vl.update(); }; @@ -16113,7 +16855,7 @@ itemTop = index * vl.params.height; } var listTop = vl.$el[0].offsetTop; - vl.render(true, (listTop + itemTop) - parseInt(vl.$pageContentEl.css('padding-top'), 10)); + vl.render(true, (listTop + itemTop) - parseInt(vl.$scrollableParentEl.css('padding-top'), 10)); return true; }; @@ -16352,11 +17094,11 @@ }, }; - var ListIndex = /*@__PURE__*/(function (Framework7Class$$1) { + var ListIndex = /*@__PURE__*/(function (Framework7Class) { function ListIndex(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var index = this; var defaults = { @@ -16365,6 +17107,7 @@ indexes: 'auto', // or array of indexes iosItemHeight: 14, mdItemHeight: 14, + auroraItemHeight: 14, scrollList: true, label: false, // eslint-disable-next-line @@ -16568,14 +17311,15 @@ return index; } - if ( Framework7Class$$1 ) ListIndex.__proto__ = Framework7Class$$1; - ListIndex.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) ListIndex.__proto__ = Framework7Class; + ListIndex.prototype = Object.create( Framework7Class && Framework7Class.prototype ); ListIndex.prototype.constructor = ListIndex; // eslint-disable-next-line ListIndex.prototype.scrollListToIndex = function scrollListToIndex (itemContent, itemIndex) { var index = this; var $listEl = index.$listEl; var $pageContentEl = index.$pageContentEl; + var app = index.app; if (!$listEl || !$pageContentEl || $pageContentEl.length === 0) { return index; } var $scrollToEl; @@ -16592,6 +17336,13 @@ var paddingTop = parseInt($pageContentEl.css('padding-top'), 10); var scrollTop = $pageContentEl[0].scrollTop; var scrollToElTop = $scrollToEl.offset().top; + if ($pageContentEl.parents('.page-with-navbar-large').length) { + var navbarInnerEl = app.navbar.getElByPage($pageContentEl.parents('.page-with-navbar-large').eq(0)); + var $titleLargeEl = $(navbarInnerEl).find('.title-large'); + if ($titleLargeEl.length) { + paddingTop -= $titleLargeEl[0].offsetHeight || 0; + } + } if (parentTop <= paddingTop) { $pageContentEl.scrollTop((parentTop + scrollTop) - paddingTop); @@ -16643,7 +17394,7 @@ var el = index.el; var indexes = index.indexes; var height = el.offsetHeight; - var itemHeight = app.theme === 'ios' ? params.iosItemHeight : params.mdItemHeight; + var itemHeight = params[((app.theme) + "ItemHeight")]; var maxItems = Math.floor(height / itemHeight); var items = indexes.length; var skipRate = 0; @@ -17166,8 +17917,8 @@ if (!isMoved) { if (!panel.opened) { - $el.show(); - $backdropEl.show(); + $el.css('display', 'block'); + $backdropEl.css('display', 'block'); $el.trigger('panel:swipeopen', panel); panel.emit('local::swipeOpen panelSwipeOpen', panel); } @@ -17321,12 +18072,180 @@ }); } - var Panel = /*@__PURE__*/(function (Framework7Class$$1) { - function Panel(app, params) { - var obj; + function resizablePanel(panel) { + var app = panel.app; + Utils.extend(panel, { + resizable: true, + resizableWidth: null, + resizableInitialized: true, + }); + var $htmlEl = $('html'); + var $el = panel.$el; + var $backdropEl = panel.$backdropEl; + var side = panel.side; + var effect = panel.effect; + if (!$el) { return; } + + var isTouched; + var isMoved; + var touchesStart = {}; + var touchesDiff; + var panelWidth; + + var $viewEl; + + var panelMinWidth; + var panelMaxWidth; + var visibleByBreakpoint; + + function transformCSSWidth(v) { + if (!v) { return null; } + if (v.indexOf('%') >= 0 || v.indexOf('vw') >= 0) { + return parseInt(v, 10) / 100 * app.width; + } + var newV = parseInt(v, 10); + if (Number.isNaN(newV)) { return null; } + return newV; + } + function isResizable() { + return panel.resizable && $el.hasClass('panel-resizable'); + } + + function handleTouchStart(e) { + if (!isResizable()) { return; } + touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + isMoved = false; + isTouched = true; + panelMinWidth = transformCSSWidth($el.css('min-width')); + panelMaxWidth = transformCSSWidth($el.css('max-width')); + visibleByBreakpoint = $el.hasClass('panel-visible-by-breakpoint'); + } + function handleTouchMove(e) { + if (!isTouched) { return; } + var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + + if (!isMoved) { + panelWidth = $el[0].offsetWidth; + $el.transition(0); + $el.addClass('panel-resizing'); + $htmlEl.css('cursor', 'col-resize'); + if (effect === 'reveal' || visibleByBreakpoint) { + $viewEl = $(panel.getViewEl()); + } + if (effect === 'reveal' && !visibleByBreakpoint) { + $backdropEl.transition(0); + $viewEl.transition(0); + } + } + + isMoved = true; + + e.preventDefault(); + + touchesDiff = (pageX - touchesStart.x); + + var newPanelWidth = side === 'left' ? panelWidth + touchesDiff : panelWidth - touchesDiff; + if (panelMinWidth && !Number.isNaN(panelMinWidth)) { + newPanelWidth = Math.max(newPanelWidth, panelMinWidth); + } + if (panelMaxWidth && !Number.isNaN(panelMaxWidth)) { + newPanelWidth = Math.min(newPanelWidth, panelMaxWidth); + } + newPanelWidth = Math.min(Math.max(newPanelWidth, 0), app.width); + + panel.resizableWidth = newPanelWidth; + $el[0].style.width = newPanelWidth + "px"; + if (effect === 'reveal' && !visibleByBreakpoint) { + if ($viewEl) { + $viewEl.transform(("translate3d(" + (side === 'left' ? newPanelWidth : -newPanelWidth) + "px, 0, 0)")); + } + if ($backdropEl) { + $backdropEl.transform(("translate3d(" + (side === 'left' ? newPanelWidth : -newPanelWidth) + "px, 0, 0)")); + } + } else if (visibleByBreakpoint && $viewEl) { + $viewEl.css(("margin-" + side), (newPanelWidth + "px")); + } + + $el.trigger('panel:resize', panel, newPanelWidth); + panel.emit('local::resize panelResize', panel, newPanelWidth); + } + function handleTouchEnd() { + $('html').css('cursor', ''); + if (!isTouched || !isMoved) { + isTouched = false; + isMoved = false; + return; + } + isTouched = false; + isMoved = false; + + $htmlEl[0].style.setProperty(("--f7-panel-" + side + "-width"), ((panel.resizableWidth) + "px")); + $el[0].style.width = ''; + if (effect === 'reveal' && !visibleByBreakpoint) { + $viewEl.transform(''); + $backdropEl.transform(''); + } + $el.removeClass('panel-resizing'); + Utils.nextFrame(function () { + if (visibleByBreakpoint) { return; } + $el.transition(''); + if (effect === 'reveal') { + $backdropEl.transition(''); + if ($viewEl) { $viewEl.transition(''); } + } + }); + } + + function handleResize() { + if (!panel.opened || !panel.resizableWidth) { return; } + panelMinWidth = transformCSSWidth($el.css('min-width')); + panelMaxWidth = transformCSSWidth($el.css('max-width')); + + if (panelMinWidth && !Number.isNaN(panelMinWidth) && panel.resizableWidth < panelMinWidth) { + panel.resizableWidth = Math.max(panel.resizableWidth, panelMinWidth); + } + if (panelMaxWidth && !Number.isNaN(panelMaxWidth) && panel.resizableWidth > panelMaxWidth) { + panel.resizableWidth = Math.min(panel.resizableWidth, panelMaxWidth); + } + panel.resizableWidth = Math.min(Math.max(panel.resizableWidth, 0), app.width); + + $htmlEl[0].style.setProperty(("--f7-panel-" + side + "-width"), ((panel.resizableWidth) + "px")); + } + + if (panel.$el.find('.panel-resize-handler').length === 0) { + panel.$el.append('
    '); + } + panel.$resizeHandlerEl = panel.$el.children('.panel-resize-handler'); + + $el.addClass('panel-resizable'); + + // Add Events + var passive = Support.passiveListener ? { passive: true } : false; + + panel.$el.on(app.touchEvents.start, '.panel-resize-handler', handleTouchStart, passive); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + app.on('resize', handleResize); + panel.on('beforeOpen', handleResize); + + panel.once('panelDestroy', function () { + $el.removeClass('panel-resizable'); + panel.$resizeHandlerEl.remove(); + panel.$el.off(app.touchEvents.start, '.panel-resize-handler', handleTouchStart, passive); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + app.off('resize', handleResize); + panel.off('beforeOpen', handleResize); + }); + } + + var Panel = /*@__PURE__*/(function (Framework7Class) { + function Panel(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + + Framework7Class.call(this, params, [app]); var panel = this; var el = params.el; @@ -17349,7 +18268,7 @@ if (typeof effect === 'undefined') { effect = $el.hasClass('panel-cover') ? 'cover' : 'reveal'; } if (!app.panel[side]) { - Utils.extend(app.panel, ( obj = {}, obj[side] = panel, obj )); + app.panel[side] = panel; } else { throw new Error(("Framework7: Can't create panel; app already has a " + side + " panel!")); } @@ -17370,6 +18289,7 @@ opened: opened, $backdropEl: $backdropEl, backdropEl: $backdropEl[0], + params: params, }); // Install Modules @@ -17381,27 +18301,10 @@ return panel; } - if ( Framework7Class$$1 ) Panel.__proto__ = Framework7Class$$1; - Panel.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Panel.__proto__ = Framework7Class; + Panel.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Panel.prototype.constructor = Panel; - Panel.prototype.init = function init () { - var panel = this; - var app = panel.app; - if (app.params.panel[((panel.side) + "Breakpoint")]) { - panel.initBreakpoints(); - } - { - if ( - (app.params.panel.swipe === panel.side) - || (app.params.panel.swipe === 'both') - || (app.params.panel.swipe && app.params.panel.swipe !== panel.side && app.params.panel.swipeCloseOpposite) - ) { - panel.initSwipePanel(); - } - } - }; - Panel.prototype.getViewEl = function getViewEl () { var panel = this; var app = panel.app; @@ -17414,9 +18317,10 @@ return viewEl; }; - Panel.prototype.setBreakpoint = function setBreakpoint () { - var obj, obj$1; + Panel.prototype.setBreakpoint = function setBreakpoint (emitEvents) { + var obj, obj$1, obj$2; + if ( emitEvents === void 0 ) emitEvents = true; var panel = this; var app = panel.app; var side = panel.side; @@ -17433,16 +18337,22 @@ panel.onOpened(); $viewEl.css(( obj = {}, obj[("margin-" + side)] = (($el.width()) + "px"), obj )); app.allowPanelOpen = true; - app.emit('local::breakpoint panelBreakpoint'); - panel.$el.trigger('panel:breakpoint', panel); + if (emitEvents) { + app.emit('local::breakpoint panelBreakpoint'); + panel.$el.trigger('panel:breakpoint', panel); + } + } else { + $viewEl.css(( obj$1 = {}, obj$1[("margin-" + side)] = (($el.width()) + "px"), obj$1 )); } } else if (wasVisible) { $el.css('display', '').removeClass('panel-visible-by-breakpoint panel-active'); panel.onClose(); panel.onClosed(); - $viewEl.css(( obj$1 = {}, obj$1[("margin-" + side)] = '', obj$1 )); - app.emit('local::breakpoint panelBreakpoint'); - panel.$el.trigger('panel:breakpoint', panel); + $viewEl.css(( obj$2 = {}, obj$2[("margin-" + side)] = '', obj$2 )); + if (emitEvents) { + app.emit('local::breakpoint panelBreakpoint'); + panel.$el.trigger('panel:breakpoint', panel); + } } }; @@ -17465,30 +18375,57 @@ } }; - Panel.prototype.destroy = function destroy () { + Panel.prototype.initResizablePanel = function initResizablePanel () { + resizablePanel(this); + }; + + Panel.prototype.toggle = function toggle (animate) { + if ( animate === void 0 ) animate = true; + + var panel = this; + if (panel.opened) { panel.close(animate); } + else { panel.open(animate); } + }; + + Panel.prototype.onOpen = function onOpen () { + var panel = this; + panel.opened = true; + + panel.$el.trigger('panel:beforeopen', panel); + panel.emit('local::beforeOpen panelBeforeOpen', panel); + + panel.$el.trigger('panel:open', panel); + panel.emit('local::open panelOpen', panel); + }; + + Panel.prototype.onOpened = function onOpened () { var panel = this; var app = panel.app; + app.panel.allowOpen = true; - if (!panel.$el) { - // Panel already destroyed - return; - } + panel.$el.trigger('panel:opened', panel); + panel.emit('local::opened panelOpened', panel); + }; - panel.emit('local::beforeDestroy panelBeforeDestroy', panel); - panel.$el.trigger('panel:beforedestroy', panel); + Panel.prototype.onClose = function onClose () { + var panel = this; + panel.opened = false; + panel.$el.addClass('panel-closing'); - if (panel.resizeHandler) { - app.off('resize', panel.resizeHandler); - } - panel.$el.trigger('panel:destroy', panel); - panel.emit('local::destroy panelDestroy'); - delete app.panel[panel.side]; - if (panel.el) { - panel.el.f7Panel = null; - delete panel.el.f7Panel; - } - Utils.deleteProps(panel); - panel = null; + panel.$el.trigger('panel:beforeclose', panel); + panel.emit('local::beforeClose panelBeforeClose', panel); + + panel.$el.trigger('panel:close', panel); + panel.emit('local::close panelClose', panel); + }; + + Panel.prototype.onClosed = function onClosed () { + var panel = this; + var app = panel.app; + app.panel.allowOpen = true; + panel.$el.removeClass('panel-closing'); + panel.$el.trigger('panel:closed', panel); + panel.emit('local::closed panelClosed', panel); }; Panel.prototype.open = function open (animate) { @@ -17558,13 +18495,10 @@ .addClass('panel-active'); $backdropEl[animate ? 'removeClass' : 'addClass']('not-animated'); - $backdropEl.show(); + $backdropEl.css({ display: 'block' }); /* eslint no-underscore-dangle: ["error", { "allow": ["_clientLeft"] }] */ - panel._clientLeft = $el[0].clientLeft; - - $('html').addClass(("with-panel with-panel-" + side + "-" + effect)); - panel.onOpen(); + // panel._clientLeft = $el[0].clientLeft; // Transition End; var transitionEndTarget = effect === 'reveal' ? $el.nextAll('.view, .views').eq(0) : $el; @@ -17582,9 +18516,16 @@ } else { panelTransitionEnd(); } }); } + if (animate) { - panelTransitionEnd(); + Utils.nextFrame(function () { + $('html').addClass(("with-panel with-panel-" + side + "-" + effect)); + panel.onOpen(); + panelTransitionEnd(); + }); } else { + $('html').addClass(("with-panel with-panel-" + side + "-" + effect)); + panel.onOpen(); panel.onOpened(); $backdropEl.css({ display: '' }); } @@ -17603,7 +18544,6 @@ var $el = panel.$el; var $backdropEl = panel.$backdropEl; var opened = panel.opened; - if (!opened || $el.hasClass('panel-visible-by-breakpoint') || !$el.hasClass('panel-active')) { return false; } $el[animate ? 'removeClass' : 'addClass']('not-animated'); @@ -17635,37 +18575,62 @@ return true; }; - Panel.prototype.onOpen = function onOpen () { + Panel.prototype.init = function init () { var panel = this; - panel.opened = true; - panel.$el.trigger('panel:open', panel); - panel.emit('local::open panelOpen', panel); + var app = panel.app; + if (app.params.panel[((panel.side) + "Breakpoint")]) { + panel.initBreakpoints(); + } + { + if ( + (app.params.panel.swipe === panel.side) + || (app.params.panel.swipe === 'both') + || (app.params.panel.swipe && app.params.panel.swipe !== panel.side && app.params.panel.swipeCloseOpposite) + ) { + panel.initSwipePanel(); + } + } + if (panel.params.resizable || panel.$el.hasClass('panel-resizable')) { + panel.initResizablePanel(); + } }; - Panel.prototype.onOpened = function onOpened () { + Panel.prototype.destroy = function destroy () { + var obj; + var panel = this; var app = panel.app; - app.panel.allowOpen = true; - panel.$el.trigger('panel:opened', panel); - panel.emit('local::opened panelOpened', panel); - }; + if (!panel.$el) { + // Panel already destroyed + return; + } - Panel.prototype.onClose = function onClose () { - var panel = this; - panel.opened = false; - panel.$el.addClass('panel-closing'); - panel.$el.trigger('panel:close', panel); - panel.emit('local::close panelClose', panel); - }; + panel.emit('local::beforeDestroy panelBeforeDestroy', panel); + panel.$el.trigger('panel:beforedestroy', panel); - Panel.prototype.onClosed = function onClosed () { - var panel = this; - var app = panel.app; - app.panel.allowOpen = true; - panel.$el.removeClass('panel-closing'); - panel.$el.trigger('panel:closed', panel); - panel.emit('local::closed panelClosed', panel); + if (panel.resizeHandler) { + app.off('resize', panel.resizeHandler); + } + + if (panel.$el.hasClass('panel-visible-by-breakpoint')) { + var $viewEl = $(panel.getViewEl()); + panel.$el.css('display', '').removeClass('panel-visible-by-breakpoint panel-active'); + $viewEl.css(( obj = {}, obj[("margin-" + (panel.side))] = '', obj )); + app.emit('local::breakpoint panelBreakpoint'); + panel.$el.trigger('panel:breakpoint', panel); + } + + panel.$el.trigger('panel:destroy', panel); + panel.emit('local::destroy panelDestroy'); + delete app.panel[panel.side]; + if (panel.el) { + panel.el.f7Panel = null; + delete panel.el.f7Panel; + } + Utils.deleteProps(panel); + + panel = null; }; return Panel; @@ -17698,6 +18663,53 @@ create: function create() { var app = this; Utils.extend(app.panel, { + disableResizable: function disableResizable(panel) { + if ( panel === void 0 ) panel = 'both'; + + var side; + var panels = []; + if (typeof panel === 'string') { + if (panel === 'both') { + side = 'both'; + panels = [app.panel.left, app.panel.right]; + } else { + side = panel; + panels.push(app.panel[side]); + } + } else { + panels = [panel]; + } + panels.forEach(function (panelInstance) { + panelInstance.resizable = false; + panelInstance.$el.removeClass('panel-resizable'); + }); + }, + enableResizable: function enableResizable(panel) { + if ( panel === void 0 ) panel = 'both'; + + var side; + var panels = []; + if (typeof panel === 'string') { + if (panel === 'both') { + side = 'both'; + panels = [app.panel.left, app.panel.right]; + } else { + side = panel; + panels.push(app.panel[side]); + } + } else { + panels = [panel]; + } + panels.forEach(function (panelInstance) { + if (!panelInstance) { return; } + if (!panelInstance.resizableInitialized) { + panelInstance.initResizablePanel(); + } else { + panelInstance.resizable = true; + panelInstance.$el.addClass('panel-resizable'); + } + }); + }, disableSwipe: function disableSwipe(panel) { if ( panel === void 0 ) panel = 'both'; @@ -17715,7 +18727,7 @@ panels = [panel]; } panels.forEach(function (panelInstance) { - if (panelInstance) { Utils.extend(panelInstance, { swipeable: false }); } + panelInstance.swipeable = false; }); }, enableSwipe: function enableSwipe(panel) { @@ -17740,16 +18752,14 @@ } else if (panel) { panels.push(panel); } - if (panels.length) { - panels.forEach(function (panelInstance) { - if (!panelInstance) { return; } - if (!panelInstance.swipeInitialized) { - panelInstance.initSwipePanel(); - } else { - Utils.extend(panelInstance, { swipeable: true }); - } - }); - } + panels.forEach(function (panelInstance) { + if (!panelInstance) { return; } + if (!panelInstance.swipeInitialized) { + panelInstance.initSwipePanel(); + } else { + panelInstance.swipeable = true; + } + }); }, create: function create(params) { return new Panel(app, params); @@ -17791,6 +18801,31 @@ } return false; }, + toggle: function toggle(side, animate) { + var $panelEl; + var panelSide = side; + if (side) { + panelSide = side; + $panelEl = $((".panel-" + panelSide)); + } else if ($('.panel.panel-active').length) { + $panelEl = $('.panel.panel-active'); + panelSide = $panelEl.hasClass('panel-left') ? 'left' : 'right'; + } else { + if ($('.panel').length > 1) { + return false; + } + panelSide = $('.panel').hasClass('panel-left') ? 'left' : 'right'; + $panelEl = $((".panel-" + panelSide)); + } + if (!panelSide) { return false; } + if (app.panel[panelSide]) { + return app.panel[panelSide].toggle(animate); + } + if ($panelEl.length > 0) { + return app.panel.create({ el: $panelEl }).toggle(animate); + } + return false; + }, get: function get(side) { var panelSide = side; if (!panelSide) { @@ -17840,6 +18875,13 @@ var side = data.panel; app.panel.close(side, data.animate); }, + '.panel-toggle': function close(clickedEl, data) { + if ( data === void 0 ) data = {}; + + var app = this; + var side = data.panel; + app.panel.toggle(side, data.animate); + }, '.panel-backdrop': function close() { var app = this; var $panelEl = $('.panel-active'); @@ -17854,6 +18896,8 @@ }, }; + /* eslint no-param-reassign: "off" */ + var CardExpandable = { open: function open(cardEl, animate) { var assign; @@ -17861,6 +18905,7 @@ if ( cardEl === void 0 ) cardEl = '.card-expandable'; if ( animate === void 0 ) animate = true; var app = this; + if ($('.card-opened').length) { return; } var $cardEl = $(cardEl).eq(0); @@ -17881,24 +18926,31 @@ if (prevented) { return; } - var $backropEl; - if (app.params.card.backrop) { - $backropEl = $cardEl.parents('.page-content').find('.card-backdrop'); - if (!$backropEl.length) { - $backropEl = $('
    '); - $cardEl.parents('.page-content').append($backropEl); + var cardParams = Object.assign({ animate: animate }, app.params.card, $cardEl.dataset()); + + var $pageContentEl = $cardEl.parents('.page-content'); + + var $backdropEl; + if ($cardEl.attr('data-backdrop-el')) { + $backdropEl = $($cardEl.attr('data-backdrop-el')); + } + if (!$backdropEl && cardParams.backdrop) { + $backdropEl = $pageContentEl.find('.card-backdrop'); + if (!$backdropEl.length) { + $backdropEl = $('
    '); + $pageContentEl.append($backdropEl); } } var $navbarEl; var $toolbarEl; - if (app.params.card.hideNavbarOnOpen) { + if (cardParams.hideNavbarOnOpen) { $navbarEl = $pageEl.children('.navbar'); if (!$navbarEl.length) { if ($pageEl[0].f7Page) { $navbarEl = $pageEl[0].f7Page.$navbarEl; } } } - if (app.params.card.hideToolbarOnOpen) { + if (cardParams.hideToolbarOnOpen) { $toolbarEl = $pageEl.children('.toolbar'); if (!$toolbarEl.length) { $toolbarEl = $pageEl.parents('.view').children('.toolbar'); @@ -17930,16 +18982,29 @@ var scaleY = maxHeight / cardHeight; var offset = $cardEl.offset(); + var pageOffset = $pageEl.offset(); + offset.left -= pageOffset.left; var cardLeftOffset; var cardTopOffset; if (hasTransform) { - cardLeftOffset = $cardEl[0].offsetLeft; - cardTopOffset = $cardEl[0].offsetTop - $cardEl.parents('.page-content')[0].scrollTop; + var transformValues = currTransform + .replace(/matrix\(|\)/g, '') + .split(',') + .map(function (el) { return el.trim(); }); + if (transformValues && transformValues.length > 1) { + var scale = parseFloat(transformValues[0]); + cardLeftOffset = offset.left - cardWidth * (1 - scale) / 2; + cardTopOffset = offset.top - pageOffset.top - cardHeight * (1 - scale) / 2; + if (app.rtl) { cardLeftOffset -= $cardEl[0].scrollLeft; } + } else { + cardLeftOffset = $cardEl[0].offsetLeft; + cardTopOffset = $cardEl[0].offsetTop - ($pageContentEl.length ? $pageContentEl[0].scrollTop : 0); + } } else { cardLeftOffset = offset.left; - cardTopOffset = offset.top - $pageEl.offset().top; + cardTopOffset = offset.top - pageOffset.top; if (app.rtl) { cardLeftOffset -= $cardEl[0].scrollLeft; } } @@ -17953,26 +19018,33 @@ var cardBottomOffset = maxHeight - cardHeight - cardTopOffset; var translateX = (cardRightOffset - cardLeftOffset) / 2; var translateY = (cardBottomOffset - cardTopOffset) / 2; - if (app.params.card.hideNavbarOnOpen && $navbarEl && $navbarEl.length) { - app.navbar.hide($navbarEl, animate); + if (cardParams.hideNavbarOnOpen && $navbarEl && $navbarEl.length) { + app.navbar.hide($navbarEl, cardParams.animate); } - if (app.params.card.hideToolbarOnOpen && $toolbarEl && $toolbarEl.length) { - app.toolbar.hide($toolbarEl, animate); + if (cardParams.hideToolbarOnOpen && $toolbarEl && $toolbarEl.length) { + app.toolbar.hide($toolbarEl, cardParams.animate); } - if ($backropEl) { - $backropEl.removeClass('card-backdrop-out').addClass('card-backdrop-in'); + if ($backdropEl) { + $backdropEl.removeClass('card-backdrop-out').addClass('card-backdrop-in'); } $cardEl.removeClass('card-transitioning'); - if (animate) { + if (cardParams.animate) { $cardEl.addClass('card-opening'); } $cardEl.trigger('card:open'); app.emit('cardOpen', $cardEl[0]); function transitionEnd() { + $pageEl.addClass('page-with-card-opened'); + if (app.device.ios && $pageContentEl.length) { + $pageContentEl.css('height', (($pageContentEl[0].offsetHeight + 1) + "px")); + setTimeout(function () { + $pageContentEl.css('height', ''); + }); + } $cardEl.addClass('card-opened'); $cardEl.removeClass('card-opening'); $cardEl.trigger('card:opened'); - app.emit('cardOpened', $cardEl[0]); + app.emit('cardOpened', $cardEl[0], $pageEl[0]); } $cardContentEl .css({ @@ -17983,7 +19055,7 @@ $cardEl .transform(("translate3d(" + translateX + "px, " + translateY + "px, 0) scale(" + scaleX + ", " + scaleY + ")")); - if (animate) { + if (cardParams.animate) { $cardEl.transitionEnd(function () { transitionEnd(); }); @@ -17991,8 +19063,6 @@ transitionEnd(); } - $pageEl.addClass('page-with-card-opened'); - function onResize() { var assign; @@ -18009,6 +19079,9 @@ $cardEl.transform('translate3d(0px, 0px, 0) scale(1)'); offset = $cardEl.offset(); + pageOffset = $pageEl.offset(); + offset.left -= pageOffset.left; + offset.top -= pageOffset.top; cardLeftOffset = offset.left - (pageWidth - maxWidth) / 2; if (app.rtl) { cardLeftOffset -= $cardEl[0].scrollLeft; } @@ -18114,7 +19187,7 @@ $cardEl[0].detachEventHandlers = function detachEventHandlers() { app.off('resize', onResize); - if (Support.touch && app.params.card.swipeToClose) { + if (Support.touch && cardParams.swipeToClose) { app.off('touchstart:passive', onTouchStart); app.off('touchmove:active', onTouchMove); app.off('touchend:passive', onTouchEnd); @@ -18122,7 +19195,7 @@ }; app.on('resize', onResize); - if (Support.touch && app.params.card.swipeToClose) { + if (Support.touch && cardParams.swipeToClose) { app.on('touchstart:passive', onTouchStart); app.on('touchmove:active', onTouchMove); app.on('touchend:passive', onTouchEnd); @@ -18138,27 +19211,34 @@ if (!$cardEl.hasClass('card-opened') || $cardEl.hasClass('card-opening') || $cardEl.hasClass('card-closing')) { return; } var $cardContentEl = $cardEl.children('.card-content'); + var $pageContentEl = $cardEl.parents('.page-content'); var $pageEl = $cardEl.parents('.page').eq(0); if (!$pageEl.length) { return; } + + var cardParams = Object.assign({ animate: animate }, app.params.card, $cardEl.dataset()); + var $navbarEl; var $toolbarEl; - var $backropEl; - if (app.params.card.backrop) { - $backropEl = $cardEl.parents('.page-content').find('.card-backdrop'); + var $backdropEl; + if ($cardEl.attr('data-backdrop-el')) { + $backdropEl = $($cardEl.attr('data-backdrop-el')); + } + if (cardParams.backdrop) { + $backdropEl = $cardEl.parents('.page-content').find('.card-backdrop'); } - if (app.params.card.hideNavbarOnOpen) { + if (cardParams.hideNavbarOnOpen) { $navbarEl = $pageEl.children('.navbar'); if (!$navbarEl.length) { if ($pageEl[0].f7Page) { $navbarEl = $pageEl[0].f7Page.$navbarEl; } } if ($navbarEl && $navbarEl.length) { - app.navbar.show($navbarEl, animate); + app.navbar.show($navbarEl, cardParams.animate); } } - if (app.params.card.hideToolbarOnOpen) { + if (cardParams.hideToolbarOnOpen) { $toolbarEl = $pageEl.children('.toolbar'); if (!$toolbarEl.length) { $toolbarEl = $pageEl.parents('.view').children('.toolbar'); @@ -18167,18 +19247,25 @@ $toolbarEl = $pageEl.parents('.views').children('.toolbar'); } if ($toolbarEl && $toolbarEl.length) { - app.toolbar.show($toolbarEl, animate); + app.toolbar.show($toolbarEl, cardParams.animate); } } + $pageEl.removeClass('page-with-card-opened'); + if (app.device.ios && $pageContentEl.length) { + $pageContentEl.css('height', (($pageContentEl[0].offsetHeight + 1) + "px")); + setTimeout(function () { + $pageContentEl.css('height', ''); + }); + } - if ($backropEl && $backropEl.length) { - $backropEl.removeClass('card-backdrop-in').addClass('card-backdrop-out'); + if ($backdropEl && $backdropEl.length) { + $backdropEl.removeClass('card-backdrop-in').addClass('card-backdrop-out'); } $cardEl.removeClass('card-opened card-transitioning'); - if (animate) { + if (cardParams.animate) { $cardEl.addClass('card-closing'); } else { $cardEl.addClass('card-no-transition'); @@ -18191,7 +19278,7 @@ $cardEl.removeClass('card-closing card-no-transition'); $cardEl.trigger('card:closed'); $cardEl.find('.card-expandable-size').remove(); - app.emit('cardClosed', $cardEl[0]); + app.emit('cardClosed', $cardEl[0], $pageEl[0]); } $cardContentEl .css({ @@ -18235,7 +19322,7 @@ hideToolbarOnOpen: true, swipeToClose: true, closeByBackdropClick: true, - backrop: true, + backdrop: true, }, }, create: function create() { @@ -18248,19 +19335,40 @@ }, }); }, + on: { + pageBeforeIn: function pageBeforeIn(page) { + var app = this; + if (app.params.card.hideNavbarOnOpen && page.navbarEl && page.$el.find('.card-opened.card-expandable').length) { + app.navbar.hide(page.navbarEl); + } + + if (app.params.card.hideToolbarOnOpen && page.$el.find('.card-opened.card-expandable').length) { + var $toolbarEl = page.$el.children('.toolbar'); + if (!$toolbarEl.length) { + $toolbarEl = page.$el.parents('.view').children('.toolbar'); + } + if (!$toolbarEl.length) { + $toolbarEl = page.$el.parents('.views').children('.toolbar'); + } + if ($toolbarEl && $toolbarEl.length) { + app.toolbar.hide($toolbarEl); + } + } + }, + }, clicks: { '.card-close': function closeCard($clickedEl, data) { var app = this; - app.card.close(data.card); + app.card.close(data.card, data.animate); }, '.card-open': function closeCard($clickedEl, data) { var app = this; - app.card.open(data.card); + app.card.open(data.card, data.animate); }, '.card-expandable': function toggleExpandableCard($clickedEl, data, e) { var app = this; if ($clickedEl.hasClass('card-opened') || $clickedEl.hasClass('card-opening') || $clickedEl.hasClass('card-closing')) { return; } - if ($(e.target).closest('.card-prevent-open').length) { return; } + if ($(e.target).closest('.card-prevent-open, .card-close').length) { return; } app.card.open($clickedEl); }, '.card-backdrop-in': function onBackdropClick() { @@ -18269,9 +19377,9 @@ if (app.params.card.closeByBackdropClick) { needToClose = true; } var $openedCardEl = $('.card-opened'); if (!$openedCardEl.length) { return; } - if ($openedCardEl.attr('data-close-on-backdrop-click') === 'true') { + if ($openedCardEl.attr('data-close-by-backdrop-click') === 'true') { needToClose = true; - } else if ($openedCardEl.attr('data-close-on-backdrop-click') === 'false') { + } else if ($openedCardEl.attr('data-close-by-backdrop-click') === 'false') { needToClose = false; } if (needToClose) { app.card.close($openedCardEl); } @@ -18531,19 +19639,19 @@ contentType: contentType, data: data, beforeSend: function beforeSend(xhr) { - $formEl.trigger('formajax:beforesend', data, xhr); + $formEl.trigger('formajax:beforesend', { data: data, xhr: xhr }); app.emit('formAjaxBeforeSend', $formEl[0], data, xhr); }, error: function error(xhr) { - $formEl.trigger('formajax:error', data, xhr); + $formEl.trigger('formajax:error', { data: data, xhr: xhr }); app.emit('formAjaxError', $formEl[0], data, xhr); }, complete: function complete(xhr) { - $formEl.trigger('formajax:complete', data, xhr); + $formEl.trigger('formajax:complete', { data: data, xhr: xhr }); app.emit('formAjaxComplete', $formEl[0], data, xhr); }, success: function success(response, status, xhr) { - $formEl.trigger('formajax:success', data, xhr); + $formEl.trigger('formajax:success', { data: data, xhr: xhr }); app.emit('formAjaxSuccess', $formEl[0], data, xhr); }, }); @@ -18673,7 +19781,7 @@ } if ($errorEl.length > 0) { $itemInputEl.addClass('item-input-with-error-message'); - $inputWrapEl.addClass('input-with-eror-message'); + $inputWrapEl.addClass('input-with-error-message'); } $itemInputEl.addClass('item-input-invalid'); $inputWrapEl.addClass('input-invalid'); @@ -18905,11 +20013,11 @@ name: 'radio', }; - var Toggle = /*@__PURE__*/(function (Framework7Class$$1) { + var Toggle = /*@__PURE__*/(function (Framework7Class) { function Toggle(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var toggle = this; var defaults = {}; @@ -19039,7 +20147,7 @@ toggle.emit('local::change toggleChange', toggle); } toggle.attachEvents = function attachEvents() { - if (Support.touch) { + if ( Support.touch) { var passive = Support.passiveListener ? { passive: true } : false; $el.on(app.touchEvents.start, handleTouchStart, passive); app.on('touchmove', handleTouchMove); @@ -19048,7 +20156,7 @@ toggle.$inputEl.on('change', handleInputChange); }; toggle.detachEvents = function detachEvents() { - if (Support.touch) { + if ( Support.touch) { var passive = Support.passiveListener ? { passive: true } : false; $el.off(app.touchEvents.start, handleTouchStart, passive); app.off('touchmove', handleTouchMove); @@ -19064,8 +20172,8 @@ toggle.init(); } - if ( Framework7Class$$1 ) Toggle.__proto__ = Framework7Class$$1; - Toggle.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Toggle.__proto__ = Framework7Class; + Toggle.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Toggle.prototype.constructor = Toggle; Toggle.prototype.toggle = function toggle () { @@ -19140,9 +20248,9 @@ }, }; - var Range = /*@__PURE__*/(function (Framework7Class$$1) { + var Range = /*@__PURE__*/(function (Framework7Class) { function Range(app, params) { - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var range = this; @@ -19163,6 +20271,7 @@ scaleSteps: 5, scaleSubSteps: 0, formatScaleLabel: null, + limitKnobPosition: app.theme === 'ios', }; // Extend defaults with modules params @@ -19219,6 +20328,7 @@ var scale = ref.scale; var scaleSteps = ref.scaleSteps; var scaleSubSteps = ref.scaleSubSteps; + var limitKnobPosition = ref.limitKnobPosition; Utils.extend(range, { app: app, @@ -19238,6 +20348,7 @@ scale: scale, scaleSteps: scaleSteps, scaleSubSteps: scaleSubSteps, + limitKnobPosition: limitKnobPosition, }); if ($inputEl) { @@ -19325,6 +20436,7 @@ var $touchedKnobEl; var dualValueIndex; var valueChangedByTouch; + var targetTouchIdentifier; function onTouchChange() { valueChangedByTouch = true; } @@ -19338,6 +20450,9 @@ valueChangedByTouch = false; touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + if (e.type === 'touchstart') { + targetTouchIdentifier = e.targetTouches[0].identifier; + } isTouched = true; isScrolling = undefined; @@ -19378,15 +20493,23 @@ } 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') { - if (range.vertical) { - isScrolling = !(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)); - } else { - isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)); + var pageX; + var pageY; + if (e.type === 'touchmove') { + for (var i = 0; i < e.targetTouches.length; i += 1) { + if (e.targetTouches[i].identifier === targetTouchIdentifier) { + pageX = e.targetTouches[i].pageX; + pageY = e.targetTouches[i].pageY; + } } + } else { + pageX = e.pageX; + pageY = e.pageY; + } + if (typeof pageX === 'undefined' && typeof pageY === 'undefined') { return; } + + if (typeof isScrolling === 'undefined' && !range.vertical) { + isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)); } if (isScrolling) { isTouched = false; @@ -19425,7 +20548,14 @@ } range.setValue(newValue, true); } - function handleTouchEnd() { + function handleTouchEnd(e) { + if (e.type === 'touchend') { + var touchEnded; + for (var i = 0; i < e.changedTouches.length; i += 1) { + if (e.changedTouches[i].identifier === targetTouchIdentifier) { touchEnded = true; } + } + if (!touchEnded) { return; } + } if (!isTouched) { if (isScrolling) { $touchedKnobEl.removeClass('range-knob-active-state'); } isTouched = false; @@ -19509,8 +20639,8 @@ return range; } - if ( Framework7Class$$1 ) Range.__proto__ = Framework7Class$$1; - Range.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Range.__proto__ = Framework7Class; + Range.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Range.prototype.constructor = Range; Range.prototype.calcSize = function calcSize () { @@ -19546,6 +20676,7 @@ var labels = range.labels; var vertical = range.vertical; var verticalReversed = range.verticalReversed; + var limitKnobPosition = range.limitKnobPosition; var knobSize = vertical ? knobHeight : knobWidth; var rangeSize = vertical ? rangeHeight : rangeWidth; // eslint-disable-next-line @@ -19557,7 +20688,7 @@ $barActiveEl.css(( obj = {}, obj[positionProperty] = ((progress[0] * 100) + "%"), obj[vertical ? 'height' : 'width'] = (((progress[1] - progress[0]) * 100) + "%"), obj )); knobs.forEach(function ($knobEl, knobIndex) { var startPos = rangeSize * progress[knobIndex]; - if (app.theme === 'ios') { + if (limitKnobPosition) { var realStartPos = (rangeSize * progress[knobIndex]) - (knobSize / 2); if (realStartPos < 0) { startPos = knobSize / 2; } if ((realStartPos + knobSize) > rangeSize) { startPos = rangeSize - (knobSize / 2); } @@ -19570,7 +20701,7 @@ $barActiveEl.css(vertical ? 'height' : 'width', ((progress$1 * 100) + "%")); var startPos = rangeSize * progress$1; - if (app.theme === 'ios') { + if (limitKnobPosition) { var realStartPos = (rangeSize * progress$1) - (knobSize / 2); if (realStartPos < 0) { startPos = knobSize / 2; } if ((realStartPos + knobSize) > rangeSize) { startPos = rangeSize - (knobSize / 2); } @@ -19802,9 +20933,9 @@ }, }; - var Stepper = /*@__PURE__*/(function (Framework7Class$$1) { + var Stepper = /*@__PURE__*/(function (Framework7Class) { function Stepper(app, params) { - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var stepper = this; var defaults = { @@ -20075,8 +21206,8 @@ return stepper; } - if ( Framework7Class$$1 ) Stepper.__proto__ = Framework7Class$$1; - Stepper.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Stepper.__proto__ = Framework7Class; + Stepper.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Stepper.prototype.constructor = Stepper; Stepper.prototype.minus = function minus () { @@ -20310,17 +21441,21 @@ }, }; - var SmartSelect = /*@__PURE__*/(function (Framework7Class$$1) { + var SmartSelect = /*@__PURE__*/(function (Framework7Class) { function SmartSelect(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var ss = this; var defaults = Utils.extend({ on: {}, }, app.params.smartSelect); + if (typeof defaults.searchbarDisableButton === 'undefined') { + defaults.searchbarDisableButton = app.theme !== 'aurora'; + } + // Extend defaults with modules params ss.useModulesParams(defaults); @@ -20451,8 +21586,8 @@ return ss; } - if ( Framework7Class$$1 ) SmartSelect.__proto__ = Framework7Class$$1; - SmartSelect.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) SmartSelect.__proto__ = Framework7Class; + SmartSelect.prototype = Object.create( Framework7Class && Framework7Class.prototype ); SmartSelect.prototype.constructor = SmartSelect; SmartSelect.prototype.setValue = function setValue (value) { @@ -20479,12 +21614,15 @@ } } else { optionEl = ss.$selectEl.find(("option[value=\"" + newValue + "\"]"))[0]; - displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as'); - text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent; - optionText = [text]; + if (optionEl) { + displayAs = optionEl.dataset ? optionEl.dataset.displayAs : $(optionEl).data('display-as'); + text = displayAs && typeof displayAs !== 'undefined' ? displayAs : optionEl.textContent; + optionText = [text]; + } ss.selectEl.value = newValue; } ss.$valueEl.text(optionText.join(', ')); + return ss; }; SmartSelect.prototype.getValue = function getValue () { @@ -20599,7 +21737,7 @@ SmartSelect.prototype.renderSearchbar = function renderSearchbar () { var ss = this; if (ss.params.renderSearchbar) { return ss.params.renderSearchbar.call(ss); } - var searchbarHTML = "\n
    \n
    \n
    \n \n \n \n
    \n " + (ss.params.searchbarDisableText) + "\n
    \n
    \n "; + var searchbarHTML = "\n
    \n
    \n
    \n \n \n \n
    \n " + (ss.params.searchbarDisableButton ? ("\n " + (ss.params.searchbarDisableText) + "\n ") : '') + "\n
    \n
    \n "; return searchbarHTML; }; @@ -20631,7 +21769,7 @@ pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : ''; } var cssClass = ss.params.cssClass; - var pageHtml = "\n
    \n
    \n
    \n
    \n \n \n " + (ss.params.pageBackLinkText) + "\n \n
    \n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n " + (ss.params.searchbar ? ("
    " + (ss.renderSearchbar()) + "
    ") : '') + "\n
    \n
    \n " + (ss.params.searchbar ? '
    ' : '') + "\n
    \n
    \n
      " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
    \n
    \n
    \n
    \n "; + var pageHtml = "\n
    \n
    \n
    \n
    \n \n \n " + (ss.params.pageBackLinkText) + "\n \n
    \n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n " + (ss.params.searchbar ? ("
    " + (ss.renderSearchbar()) + "
    ") : '') + "\n
    \n
    \n " + (ss.params.searchbar ? '
    ' : '') + "\n
    \n
    \n
      " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
    \n
    \n
    \n
    \n "; return pageHtml; }; @@ -20644,7 +21782,7 @@ pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : ''; } var cssClass = ss.params.cssClass || ''; - var popupHtml = "\n
    \n
    \n
    \n
    \n
    \n
    \n \n \n " + (ss.params.popupCloseLinkText) + "\n \n
    \n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n " + (ss.params.searchbar ? ("
    " + (ss.renderSearchbar()) + "
    ") : '') + "\n
    \n
    \n " + (ss.params.searchbar ? '
    ' : '') + "\n
    \n
    \n
      " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
    \n
    \n
    \n
    \n
    \n
    \n "; + var popupHtml = "\n
    \n
    \n
    \n
    \n
    \n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n
    \n " + (ss.params.popupCloseLinkText) + "\n
    \n " + (ss.params.searchbar ? ("
    " + (ss.renderSearchbar()) + "
    ") : '') + "\n
    \n
    \n " + (ss.params.searchbar ? '
    ' : '') + "\n
    \n
    \n
      " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
    \n
    \n
    \n
    \n
    \n
    \n "; return popupHtml; }; @@ -20664,6 +21802,29 @@ return popoverHtml; }; + SmartSelect.prototype.scrollToSelectedItem = function scrollToSelectedItem () { + var ss = this; + var params = ss.params; + var $containerEl = ss.$containerEl; + if (!ss.opened) { return ss; } + if (params.virtualList) { + var selectedIndex; + ss.vl.items.forEach(function (item, index) { + if (typeof selectedIndex === 'undefined' && item.selected) { + selectedIndex = index; + } + }); + if (typeof selectedIndex !== 'undefined') { + ss.vl.scrollToItem(selectedIndex); + } + } else { + var $selectedItemEl = $containerEl.find('input:checked').parents('li'); + var $pageContentEl = $containerEl.find('.page-content'); + $pageContentEl.scrollTop($selectedItemEl.offset().top - $pageContentEl.offset().top - parseInt($pageContentEl.css('padding-top'), 10)); + } + return ss; + }; + SmartSelect.prototype.onOpen = function onOpen (type, containerEl) { var ss = this; var app = ss.app; @@ -20685,6 +21846,9 @@ }, }); } + if (ss.params.scrollToSelectedItem) { + ss.scrollToSelectedItem(); + } // Init SB if (ss.params.searchbar) { @@ -20993,9 +22157,11 @@ searchbar: false, searchbarPlaceholder: 'Search', searchbarDisableText: 'Cancel', + searchbarDisableButton: undefined, closeOnSelect: false, virtualList: false, virtualListHeight: undefined, + scrollToSelectedItem: false, formColorTheme: undefined, navbarColorTheme: undefined, routableModals: true, @@ -21400,10 +22566,12 @@ var IDate = /*@__PURE__*/(function (Date) { function IDate () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + Date.call(this); var date; - var args = Array.from(arguments); if (args.length === 0) { date = Date.now(); } else if (args.length === 1) { @@ -21496,11 +22664,11 @@ return IDate; }(Date)); - var Calendar = /*@__PURE__*/(function (Framework7Class$$1) { + var Calendar = /*@__PURE__*/(function (Framework7Class) { function Calendar(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var calendar = this; calendar.params = Utils.extend({}, app.params.calendar, params); @@ -21791,8 +22959,8 @@ return calendar; } - if ( Framework7Class$$1 ) Calendar.__proto__ = Framework7Class$$1; - Calendar.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Calendar.__proto__ = Framework7Class; + Calendar.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Calendar.prototype.constructor = Calendar; // eslint-disable-next-line Calendar.prototype.normalizeDate = function normalizeDate (date) { @@ -21832,6 +23000,9 @@ if (app.width >= 768) { return true; } + if (app.device.desktop && app.theme === 'aurora') { + return true; + } } return false; }; @@ -21916,6 +23087,14 @@ Calendar.prototype.setValue = function setValue (values) { var calendar = this; + var currentValue = calendar.value; + if (Array.isArray(currentValue) && Array.isArray(values) && currentValue.length === values.length) { + var equal = true; + currentValue.forEach(function (v, index) { + if (v !== values[index]) { equal = false; } + }); + if (equal) { return; } + } calendar.value = values; calendar.updateValue(); }; @@ -22541,7 +23720,7 @@ return calendar.params.renderMonthSelector.call(calendar); } - return "\n
    \n \n \n \n \n \n \n \n
    \n ".trim(); + return "\n
    \n \n \n \n \n \n \n \n
    \n ".trim(); }; Calendar.prototype.renderYearSelector = function renderYearSelector () { @@ -22549,7 +23728,7 @@ if (calendar.params.renderYearSelector) { return calendar.params.renderYearSelector.call(calendar); } - return "\n
    \n \n \n \n \n \n \n \n
    \n ".trim(); + return "\n
    \n \n \n \n \n \n \n \n
    \n ".trim(); }; Calendar.prototype.renderHeader = function renderHeader () { @@ -22566,7 +23745,7 @@ if (calendar.params.renderFooter) { return calendar.params.renderFooter.call(calendar); } - return ("\n
    \n " + (calendar.params.toolbarCloseText) + "\n
    \n ").trim(); + return ("\n
    \n " + (calendar.params.toolbarCloseText) + "\n
    \n ").trim(); }; Calendar.prototype.renderToolbar = function renderToolbar () { @@ -22574,7 +23753,7 @@ if (calendar.params.renderToolbar) { return calendar.params.renderToolbar.call(calendar, calendar); } - return ("\n
    \n
    \n " + (calendar.renderMonthSelector()) + "\n " + (calendar.renderYearSelector()) + "\n
    \n
    \n ").trim(); + return ("\n
    \n
    \n " + (calendar.params.monthSelector ? calendar.renderMonthSelector() : '') + "\n " + (calendar.params.yearSelector ? calendar.renderYearSelector() : '') + "\n
    \n
    \n ").trim(); }; // eslint-disable-next-line Calendar.prototype.renderInline = function renderInline () { @@ -23221,7 +24400,9 @@ if (returnTo) { if (returnTo === 'min') { col.$itemsEl.transform(("translate3d(0," + minTranslate + "px,0)")); - } else { col.$itemsEl.transform(("translate3d(0," + maxTranslate + "px,0)")); } + } else { + col.$itemsEl.transform(("translate3d(0," + maxTranslate + "px,0)")); + } } touchEndTime = new Date().getTime(); var newTranslate; @@ -23234,7 +24415,7 @@ newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate); // Active Index - var activeIndex = -Math.floor((newTranslate - maxTranslate) / itemHeight); + var activeIndex = Math.round(Math.abs(((newTranslate - maxTranslate) / itemHeight))); // Normalize translate if (!picker.params.freeMode) { newTranslate = (-activeIndex * itemHeight) + maxTranslate; } @@ -23259,6 +24440,65 @@ }, 100); } + var mousewheelTimeout; + function handleMouseWheel(e) { + var deltaX = e.deltaX; + var deltaY = e.deltaY; + if (Math.abs(deltaX) > Math.abs(deltaY)) { return; } + clearTimeout(mousewheelTimeout); + + e.preventDefault(); + + Utils.cancelAnimationFrame(animationFrameId); + startTranslate = Utils.getTranslate(col.$itemsEl[0], 'y'); + col.$itemsEl.transition(0); + + currentTranslate = startTranslate - deltaY; + returnTo = undefined; + + // Normalize translate + if (currentTranslate < minTranslate) { + currentTranslate = minTranslate; + returnTo = 'min'; + } + if (currentTranslate > maxTranslate) { + currentTranslate = maxTranslate; + returnTo = 'max'; + } + // Transform wrapper + col.$itemsEl.transform(("translate3d(0," + currentTranslate + "px,0)")); + + // Update items + col.updateItems(undefined, currentTranslate, 0, picker.params.updateValuesOnMousewheel); + + // On end + mousewheelTimeout = setTimeout(function () { + col.$itemsEl.transition(''); + if (returnTo) { + if (returnTo === 'min') { + col.$itemsEl.transform(("translate3d(0," + minTranslate + "px,0)")); + } else { + col.$itemsEl.transform(("translate3d(0," + maxTranslate + "px,0)")); + } + } + touchEndTime = new Date().getTime(); + var newTranslate = currentTranslate; + newTranslate = Math.max(Math.min(newTranslate, maxTranslate), minTranslate); + + // Active Index + var activeIndex = Math.round(Math.abs(((newTranslate - maxTranslate) / itemHeight))); + + // Normalize translate + if (!picker.params.freeMode) { newTranslate = (-activeIndex * itemHeight) + maxTranslate; } + + // Transform wrapper + col.$itemsEl.transform(("translate3d(0," + (parseInt(newTranslate, 10)) + "px,0)")); + + // Update items + col.updateItems(activeIndex, newTranslate, '', true); + }, 200); + } + function handleClick() { if (!allowItemClick) { return; } Utils.cancelAnimationFrame(animationFrameId); @@ -23271,12 +24511,18 @@ col.$el.on(app.touchEvents.start, handleTouchStart, activeListener); app.on('touchmove:active', handleTouchMove); app.on('touchend:passive', handleTouchEnd); + if (picker.params.mousewheel) { + col.$el.on('wheel', handleMouseWheel); + } col.items.on('click', handleClick); }; col.detachEvents = function detachColEvents() { col.$el.off(app.touchEvents.start, handleTouchStart, activeListener); app.off('touchmove:active', handleTouchMove); app.off('touchend:passive', handleTouchEnd); + if (picker.params.mousewheel) { + col.$el.off('wheel', handleMouseWheel); + } col.items.off('click', handleClick); }; @@ -23298,11 +24544,11 @@ col.init(); } - var Picker = /*@__PURE__*/(function (Framework7Class$$1) { + var Picker = /*@__PURE__*/(function (Framework7Class) { function Picker(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var picker = this; picker.params = Utils.extend({}, app.params.picker, params); @@ -23394,8 +24640,8 @@ return picker; } - if ( Framework7Class$$1 ) Picker.__proto__ = Framework7Class$$1; - Picker.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Picker.__proto__ = Framework7Class; + Picker.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Picker.prototype.constructor = Picker; Picker.prototype.initInput = function initInput () { @@ -23427,7 +24673,11 @@ if (params.openIn === 'popover') { return true; } if (app.device.ios) { return !!app.device.ipad; - } if (app.width >= 768) { + } + if (app.width >= 768) { + return true; + } + if (app.device.desktop && app.theme === 'aurora') { return true; } } @@ -23518,7 +24768,7 @@ Picker.prototype.renderToolbar = function renderToolbar () { var picker = this; if (picker.params.renderToolbar) { return picker.params.renderToolbar.call(picker, picker); } - return ("\n
    \n
    \n
    \n
    \n " + (picker.params.toolbarCloseText) + "\n
    \n
    \n
    \n ").trim(); + return ("\n
    \n
    \n
    \n
    \n " + (picker.params.toolbarCloseText) + "\n
    \n
    \n
    \n ").trim(); }; // eslint-disable-next-line Picker.prototype.renderColumn = function renderColumn (col, onlyItems) { @@ -23847,6 +25097,8 @@ // Picker settings updateValuesOnMomentum: false, updateValuesOnTouchmove: true, + updateValuesOnMousewheel: true, + mousewheel: true, rotateEffect: false, momentumRatio: 7, freeMode: false, @@ -23960,9 +25212,9 @@ }, }; - var PullToRefresh = /*@__PURE__*/(function (Framework7Class$$1) { + var PullToRefresh = /*@__PURE__*/(function (Framework7Class) { function PullToRefresh(app, el) { - Framework7Class$$1.call(this, {}, [app]); + Framework7Class.call(this, {}, [app]); var ptr = this; var $el = $(el); var $preloaderEl = $el.find('.ptr-preloader'); @@ -23977,6 +25229,8 @@ ptr.useModulesParams({}); var isMaterial = app.theme === 'md'; + var isIos = app.theme === 'ios'; + var isAurora = app.theme === 'aurora'; // Done ptr.done = function done() { @@ -23998,6 +25252,9 @@ return ptr; }; + // Mousewheel + ptr.mousewheel = $el.attr('data-ptr-mousewheel') === 'true'; + // Events handling var touchId; var isTouched; @@ -24028,8 +25285,12 @@ // Define trigger distance if ($el.attr('data-ptr-distance')) { dynamicTriggerDistance = true; - } else { - triggerDistance = isMaterial ? 66 : 44; + } else if (isMaterial) { + triggerDistance = 66; + } else if (isIos) { + triggerDistance = 44; + } else if (isAurora) { + triggerDistance = 38; } function handleTouchStart(e) { @@ -24042,7 +25303,7 @@ if ($el.hasClass('ptr-refreshing')) { return; } - if ($(e.target).closest('.sortable-handler').length) { return; } + if ($(e.target).closest('.sortable-handler, .ptr-ignore, .card-expandable.card-opened').length) { return; } isMoved = false; pullStarted = false; @@ -24251,6 +25512,160 @@ } } + var mousewheelTimeout; + var mousewheelMoved; + var mousewheelAllow = true; + var mousewheelTranslate = 0; + + function handleMouseWheelRelease() { + mousewheelAllow = true; + mousewheelMoved = false; + mousewheelTranslate = 0; + if (translate) { + $el.addClass('ptr-transitioning'); + translate = 0; + } + if (isMaterial) { + $preloaderEl.transform('') + .find('.ptr-arrow').transform(''); + } else { + // eslint-disable-next-line + if (ptr.bottom) { + $el.children().transform(''); + } else { + $el.transform(''); + } + } + + if (refresh) { + $el.addClass('ptr-refreshing'); + $el.trigger('ptr:refresh', ptr.done); + ptr.emit('local::refresh ptrRefresh', $el[0], ptr.done); + } else { + $el.removeClass('ptr-pull-down'); + } + if (pullStarted) { + $el.trigger('ptr:pullend'); + ptr.emit('local::pullEnd ptrPullEnd', $el[0]); + } + } + function handleMouseWheel(e) { + if (!mousewheelAllow) { return; } + var deltaX = e.deltaX; + var deltaY = e.deltaY; + if (Math.abs(deltaX) > Math.abs(deltaY)) { return; } + if ($el.hasClass('ptr-refreshing')) { + return; + } + if ($(e.target).closest('.sortable-handler, .ptr-ignore, .card-expandable.card-opened').length) { return; } + + clearTimeout(mousewheelTimeout); + + scrollTop = $el[0].scrollTop; + + if (!mousewheelMoved) { + $el.removeClass('ptr-transitioning'); + var targetIsScrollable; + scrollHeight = $el[0].scrollHeight; + offsetHeight = $el[0].offsetHeight; + if (ptr.bottom) { + maxScrollTop = scrollHeight - offsetHeight; + } + if (scrollTop > scrollHeight) { + mousewheelAllow = false; + return; + } + var $ptrWatchScrollable = $(e.target).closest('.ptr-watch-scroll'); + if ($ptrWatchScrollable.length) { + $ptrWatchScrollable.each(function (ptrScrollableIndex, ptrScrollableEl) { + if (ptrScrollableEl === el) { return; } + if ( + (ptrScrollableEl.scrollHeight > ptrScrollableEl.offsetHeight) + && $(ptrScrollableEl).css('overflow') === 'auto' + && ( + (!ptr.bottom && ptrScrollableEl.scrollTop > 0) + || (ptr.bottom && ptrScrollableEl.scrollTop < ptrScrollableEl.scrollHeight - ptrScrollableEl.offsetHeight) + ) + ) { + targetIsScrollable = true; + } + }); + } + if (targetIsScrollable) { + mousewheelAllow = false; + return; + } + if (dynamicTriggerDistance) { + triggerDistance = $el.attr('data-ptr-distance'); + if (triggerDistance.indexOf('%') >= 0) { triggerDistance = (scrollHeight * parseInt(triggerDistance, 10)) / 100; } + } + } + isMoved = true; + mousewheelTranslate -= deltaY; + touchesDiff = mousewheelTranslate; // pageY - touchesStart.y; + + if (typeof wasScrolled === 'undefined' && (ptr.bottom ? scrollTop !== maxScrollTop : scrollTop !== 0)) { wasScrolled = true; } + + var ptrStarted = ptr.bottom + ? (touchesDiff < 0 && scrollTop >= maxScrollTop) || scrollTop > maxScrollTop + : (touchesDiff > 0 && scrollTop <= 0) || scrollTop < 0; + + if (ptrStarted) { + if (e.cancelable) { + e.preventDefault(); + } + + translate = touchesDiff; + if (Math.abs(translate) > triggerDistance) { + translate = triggerDistance + (Math.pow( (Math.abs(translate) - triggerDistance), 0.7 )); + if (ptr.bottom) { translate = -translate; } + } + + if (isMaterial) { + $preloaderEl.transform(("translate3d(0," + translate + "px,0)")) + .find('.ptr-arrow').transform(("rotate(" + ((180 * (Math.abs(touchesDiff) / 66)) + 100) + "deg)")); + } else { + // eslint-disable-next-line + if (ptr.bottom) { + $el.children().transform(("translate3d(0," + translate + "px,0)")); + } else { + $el.transform(("translate3d(0," + translate + "px,0)")); + } + } + + if (Math.abs(translate) > triggerDistance) { + refresh = true; + $el.addClass('ptr-pull-up').removeClass('ptr-pull-down'); + } else { + refresh = false; + $el.removeClass('ptr-pull-up').addClass('ptr-pull-down'); + } + if (!pullStarted) { + $el.trigger('ptr:pullstart'); + ptr.emit('local::pullStart ptrPullStart', $el[0]); + pullStarted = true; + } + $el.trigger('ptr:pullmove', { + event: e, + scrollTop: scrollTop, + translate: translate, + touchesDiff: touchesDiff, + }); + ptr.emit('local::pullMove ptrPullMove', $el[0], { + event: e, + scrollTop: scrollTop, + translate: translate, + touchesDiff: touchesDiff, + }); + } else { + pullStarted = false; + $el.removeClass('ptr-pull-up ptr-pull-down'); + refresh = false; + } + + mousewheelTimeout = setTimeout(handleMouseWheelRelease, 300); + } + if (!$pageEl.length || !$el.length) { return ptr; } $el[0].f7PullToRefresh = ptr; @@ -24261,12 +25676,18 @@ $el.on(app.touchEvents.start, handleTouchStart, passive); app.on('touchmove:active', handleTouchMove); app.on('touchend:passive', handleTouchEnd); + if (ptr.mousewheel && !ptr.bottom) { + $el.on('wheel', handleMouseWheel); + } }; ptr.detachEvents = function detachEvents() { var passive = Support.passiveListener ? { passive: true } : false; $el.off(app.touchEvents.start, handleTouchStart, passive); app.off('touchmove:active', handleTouchMove); app.off('touchend:passive', handleTouchEnd); + if (ptr.mousewheel && !ptr.bottom) { + $el.off('wheel', handleMouseWheel); + } }; // Install Modules @@ -24278,8 +25699,8 @@ return ptr; } - if ( Framework7Class$$1 ) PullToRefresh.__proto__ = Framework7Class$$1; - PullToRefresh.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) PullToRefresh.__proto__ = Framework7Class; + PullToRefresh.prototype = Object.create( Framework7Class && Framework7Class.prototype ); PullToRefresh.prototype.constructor = PullToRefresh; PullToRefresh.prototype.init = function init () { @@ -24608,11 +26029,11 @@ }, }; - var DataTable = /*@__PURE__*/(function (Framework7Class$$1) { + var DataTable = /*@__PURE__*/(function (Framework7Class) { function DataTable(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var table = this; @@ -24666,16 +26087,20 @@ .find(("tbody tr td:nth-child(" + (columnIndex + 1) + ") input")) .prop('checked', checked) .trigger('change', { sentByF7DataTable: true }); + $inputEl.prop('indeterminate', false); } else { if (columnIndex === 0) { $inputEl.parents('tr')[checked ? 'addClass' : 'removeClass']('data-table-row-selected'); } - + var checkedRows = $el.find(("tbody .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]:checked")).length; + var totalRows = $el.find('tbody tr').length; + var $headCheckboxEl = $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")); if (!checked) { - $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', false); - } else if ($el.find(("tbody .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]:checked")).length === $el.find('tbody tr').length) { - $el.find(("thead .checkbox-cell:nth-child(" + (columnIndex + 1) + ") input[type=\"checkbox\"]")).prop('checked', true).trigger('change', { sentByF7DataTable: true }); + $headCheckboxEl.prop('checked', false); + } else if (checkedRows === totalRows) { + $headCheckboxEl.prop('checked', true).trigger('change', { sentByF7DataTable: true }); } + $headCheckboxEl.prop('indeterminate', checkedRows > 0 && checkedRows < totalRows); } table.checkSelectedHeader(); } @@ -24713,8 +26138,8 @@ return table; } - if ( Framework7Class$$1 ) DataTable.__proto__ = Framework7Class$$1; - DataTable.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) DataTable.__proto__ = Framework7Class; + DataTable.prototype = Object.create( Framework7Class && Framework7Class.prototype ); DataTable.prototype.constructor = DataTable; DataTable.prototype.setCollapsibleLabels = function setCollapsibleLabels () { @@ -25057,13 +26482,14 @@ notFoundEl: '.searchbar-not-found', hideOnEnableEl: '.searchbar-hide-on-enable', hideOnSearchEl: '.searchbar-hide-on-search', - backdrop: true, + backdrop: undefined, removeDiacritics: true, customSearch: false, hideDividers: true, hideGroups: true, disableOnBackdropClick: true, expandable: false, + inline: false, }; // Extend defaults with modules params @@ -25120,6 +26546,15 @@ $hideOnSearchEl = $pageEl.find(sb.params.hideOnSearchEl); } + + var expandable = sb.params.expandable || $el.hasClass('searchbar-expandable'); + var inline = sb.params.inline || $el.hasClass('searchbar-inline'); + + if (typeof sb.params.backdrop === 'undefined') { + if (!inline) { sb.params.backdrop = app.theme !== 'aurora'; } + else { sb.params.backdrop = false; } + } + var $backdropEl; if (sb.params.backdrop) { if (sb.params.backdropEl) { @@ -25195,7 +26630,8 @@ isVirtualList: $searchContainer && $searchContainer.hasClass('virtual-list'), virtualList: undefined, enabled: false, - expandable: sb.params.expandable || $el.hasClass('searchbar-expandable'), + expandable: expandable, + inline: inline, }); // Events @@ -25208,6 +26644,9 @@ } function onInputBlur() { sb.$el.removeClass('searchbar-focused'); + if (app.theme === 'aurora' && (!$disableButtonEl || !$disableButtonEl.length || !sb.params.disableButton) && !sb.query) { + sb.disable(); + } } function onInputChange() { var value = sb.$inputEl.val().trim(); @@ -25332,7 +26771,7 @@ if (!sb.$disableButtonEl || (sb.$disableButtonEl && sb.$disableButtonEl.length === 0)) { sb.$el.addClass('searchbar-enabled-no-disable-button'); } - if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme === 'ios') { + if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme !== 'md') { if (!sb.disableButtonHasMargin) { sb.setDisableButtonMargin(); } @@ -25403,7 +26842,7 @@ } } } - if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme === 'ios') { + if (!sb.expandable && sb.$disableButtonEl && sb.$disableButtonEl.length > 0 && app.theme !== 'md') { sb.$disableButtonEl.css(("margin-" + (app.rtl ? 'left' : 'right')), ((-sb.disableButtonEl.offsetWidth) + "px")); } if (sb.$backdropEl && ((sb.$searchContainer && sb.$searchContainer.length) || sb.params.customSearch)) { @@ -25595,6 +27034,8 @@ Searchbar.prototype.init = function init () { var sb = this; + if (sb.expandable && sb.$el) { sb.$el.addClass('searchbar-expandable'); } + if (sb.inline && sb.$el) { sb.$el.addClass('searchbar-inline'); } sb.attachEvents(); }; @@ -25720,11 +27161,11 @@ }, }; - var Messages = /*@__PURE__*/(function (Framework7Class$$1) { + var Messages = /*@__PURE__*/(function (Framework7Class) { function Messages(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var m = this; @@ -25776,8 +27217,8 @@ return m; } - if ( Framework7Class$$1 ) Messages.__proto__ = Framework7Class$$1; - Messages.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Messages.__proto__ = Framework7Class; + Messages.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Messages.prototype.constructor = Messages; // eslint-disable-next-line Messages.prototype.getMessageData = function getMessageData (messageEl) { @@ -26275,11 +27716,11 @@ }, }; - var Messagebar = /*@__PURE__*/(function (Framework7Class$$1) { + var Messagebar = /*@__PURE__*/(function (Framework7Class) { function Messagebar(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var messagebar = this; @@ -26416,8 +27857,8 @@ return messagebar; } - if ( Framework7Class$$1 ) Messagebar.__proto__ = Framework7Class$$1; - Messagebar.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Messagebar.__proto__ = Framework7Class; + Messagebar.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Messagebar.prototype.constructor = Messagebar; Messagebar.prototype.focus = function focus () { @@ -26703,6 +28144,18 @@ }, }; + var Browser = (function Browser() { + function isSafari() { + var ua = win.navigator.userAgent.toLowerCase(); + return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0); + } + return { + isIE: !!win.navigator.userAgent.match(/Trident/g) || !!win.navigator.userAgent.match(/MSIE/g), + isSafari: isSafari(), + isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(win.navigator.userAgent), + }; + }()); + function updateSize () { var swiper = this; var width; @@ -28749,7 +30202,12 @@ } var breakpointParams = breakpointOnlyParams || swiper.originalParams; - var needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView); + var directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction; + var needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged); + + if (directionChanged && initialized) { + swiper.changeDirection(); + } Utils.extend(swiper.params, breakpointParams); @@ -28767,6 +30225,7 @@ swiper.updateSlides(); swiper.slideTo((activeIndex - loopedSlides) + swiper.loopedSlides, 0, false); } + swiper.emit('breakpoint', breakpointParams); } } @@ -28796,18 +30255,6 @@ var breakpoints = { setBreakpoint: setBreakpoint, getBreakpoint: getBreakpoint }; - var Browser = (function Browser() { - function isSafari() { - var ua = win.navigator.userAgent.toLowerCase(); - return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0); - } - return { - isIE: !!win.navigator.userAgent.match(/Trident/g) || !!win.navigator.userAgent.match(/MSIE/g), - isSafari: isSafari(), - isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(win.navigator.userAgent), - }; - }()); - function addClasses () { var swiper = this; var classNames = swiper.classNames; @@ -28816,6 +30263,7 @@ var $el = swiper.$el; var suffixes = []; + suffixes.push('initialized'); suffixes.push(params.direction); if (params.freeMode) { @@ -29068,6 +30516,8 @@ runCallbacksOnInit: true, }; + /* eslint no-param-reassign: "off" */ + var prototypes = { update: update, translate: translate, @@ -29335,7 +30785,7 @@ return spv; }; - Swiper.prototype.update = function update$$1 () { + Swiper.prototype.update = function update () { var swiper = this; if (!swiper || swiper.destroyed) { return; } var snapGrid = swiper.snapGrid; @@ -29378,6 +30828,54 @@ swiper.emit('update'); }; + Swiper.prototype.changeDirection = function changeDirection (newDirection, needUpdate) { + if ( needUpdate === void 0 ) needUpdate = true; + + var swiper = this; + var currentDirection = swiper.params.direction; + if (!newDirection) { + // eslint-disable-next-line + newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal'; + } + if ((newDirection === currentDirection) || (newDirection !== 'horizontal' && newDirection !== 'vertical')) { + return swiper; + } + + if (currentDirection === 'vertical') { + swiper.$el + .removeClass(((swiper.params.containerModifierClass) + "vertical wp8-vertical")) + .addClass(("" + (swiper.params.containerModifierClass) + newDirection)); + + if ((Browser.isIE || Browser.isEdge) && (Support.pointerEvents || Support.prefixedPointerEvents)) { + swiper.$el.addClass(((swiper.params.containerModifierClass) + "wp8-" + newDirection)); + } + } + if (currentDirection === 'horizontal') { + swiper.$el + .removeClass(((swiper.params.containerModifierClass) + "horizontal wp8-horizontal")) + .addClass(("" + (swiper.params.containerModifierClass) + newDirection)); + + if ((Browser.isIE || Browser.isEdge) && (Support.pointerEvents || Support.prefixedPointerEvents)) { + swiper.$el.addClass(((swiper.params.containerModifierClass) + "wp8-" + newDirection)); + } + } + + swiper.params.direction = newDirection; + + swiper.slides.each(function (slideIndex, slideEl) { + if (newDirection === 'vertical') { + slideEl.style.width = ''; + } else { + slideEl.style.height = ''; + } + }); + + swiper.emit('changeDirection'); + if (needUpdate) { swiper.update(); } + + return swiper; + }; + Swiper.prototype.init = function init () { var swiper = this; if (swiper.initialized) { return; } @@ -29794,24 +31292,75 @@ if (params.cache) { swiper.virtual.cache[index] = $slideEl; } return $slideEl; }, - appendSlide: function appendSlide(slide) { + appendSlide: function appendSlide(slides) { var swiper = this; - swiper.virtual.slides.push(slide); + if (typeof slides === 'object' && 'length' in slides) { + for (var i = 0; i < slides.length; i += 1) { + if (slides[i]) { swiper.virtual.slides.push(slides[i]); } + } + } else { + swiper.virtual.slides.push(slides); + } swiper.virtual.update(true); }, - prependSlide: function prependSlide(slide) { + prependSlide: function prependSlide(slides) { var swiper = this; - swiper.virtual.slides.unshift(slide); + var activeIndex = swiper.activeIndex; + var newActiveIndex = activeIndex + 1; + var numberOfNewSlides = 1; + + if (Array.isArray(slides)) { + for (var i = 0; i < slides.length; i += 1) { + if (slides[i]) { swiper.virtual.slides.unshift(slides[i]); } + } + newActiveIndex = activeIndex + slides.length; + numberOfNewSlides = slides.length; + } else { + swiper.virtual.slides.unshift(slides); + } if (swiper.params.virtual.cache) { var cache = swiper.virtual.cache; var newCache = {}; Object.keys(cache).forEach(function (cachedIndex) { - newCache[cachedIndex + 1] = cache[cachedIndex]; + newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = cache[cachedIndex]; }); swiper.virtual.cache = newCache; } swiper.virtual.update(true); - swiper.slideNext(0); + swiper.slideTo(newActiveIndex, 0); + }, + removeSlide: function removeSlide(slidesIndexes) { + var swiper = this; + if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) { return; } + var activeIndex = swiper.activeIndex; + if (Array.isArray(slidesIndexes)) { + for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) { + swiper.virtual.slides.splice(slidesIndexes[i], 1); + if (swiper.params.virtual.cache) { + delete swiper.virtual.cache[slidesIndexes[i]]; + } + if (slidesIndexes[i] < activeIndex) { activeIndex -= 1; } + activeIndex = Math.max(activeIndex, 0); + } + } else { + swiper.virtual.slides.splice(slidesIndexes, 1); + if (swiper.params.virtual.cache) { + delete swiper.virtual.cache[slidesIndexes]; + } + if (slidesIndexes < activeIndex) { activeIndex -= 1; } + activeIndex = Math.max(activeIndex, 0); + } + swiper.virtual.update(true); + swiper.slideTo(activeIndex, 0); + }, + removeAllSlides: function removeAllSlides() { + var swiper = this; + swiper.virtual.slides = []; + if (swiper.params.virtual.cache) { + swiper.virtual.cache = {}; + } + swiper.virtual.update(true); + swiper.slideTo(0, 0); }, }; @@ -29835,6 +31384,8 @@ update: Virtual.update.bind(swiper), appendSlide: Virtual.appendSlide.bind(swiper), prependSlide: Virtual.prependSlide.bind(swiper), + removeSlide: Virtual.removeSlide.bind(swiper), + removeAllSlides: Virtual.removeAllSlides.bind(swiper), renderSlide: Virtual.renderSlide.bind(swiper), slides: swiper.params.virtual.slides, cache: {}, @@ -30017,8 +31568,23 @@ && !$(e.target).is($prevEl) && !$(e.target).is($nextEl) ) { - if ($nextEl) { $nextEl.toggleClass(swiper.params.navigation.hiddenClass); } - if ($prevEl) { $prevEl.toggleClass(swiper.params.navigation.hiddenClass); } + var isHidden; + if ($nextEl) { + isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass); + } else if ($prevEl) { + isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass); + } + if (isHidden === true) { + swiper.emit('navigationShow', swiper); + } else { + swiper.emit('navigationHide', swiper); + } + if ($nextEl) { + $nextEl.toggleClass(swiper.params.navigation.hiddenClass); + } + if ($prevEl) { + $prevEl.toggleClass(swiper.params.navigation.hiddenClass); + } } }, }, @@ -30349,6 +31915,12 @@ && swiper.pagination.$el.length > 0 && !$(e.target).hasClass(swiper.params.pagination.bulletClass) ) { + var isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass); + if (isHidden === true) { + swiper.emit('paginationShow', swiper); + } else { + swiper.emit('paginationHide', swiper); + } swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass); } }, @@ -30445,7 +32017,7 @@ } else { $el[0].style.display = ''; } - if (swiper.params.scrollbarHide) { + if (swiper.params.scrollbar.hide) { $el[0].style.opacity = 0; } Utils.extend(scrollbar, { @@ -30799,17 +32371,17 @@ }, init: function init() { var swiper = this; - if (!swiper.params.parallax) { return; } + if (!swiper.params.parallax.enabled) { return; } swiper.parallax.setTranslate(); }, setTranslate: function setTranslate() { var swiper = this; - if (!swiper.params.parallax) { return; } + if (!swiper.params.parallax.enabled) { return; } swiper.parallax.setTranslate(); }, setTransition: function setTransition(duration) { var swiper = this; - if (!swiper.params.parallax) { return; } + if (!swiper.params.parallax.enabled) { return; } swiper.parallax.setTransition(duration); }, }, @@ -32968,11 +34540,11 @@ /* eslint indent: ["off"] */ - var PhotoBrowser = /*@__PURE__*/(function (Framework7Class$$1) { + var PhotoBrowser = /*@__PURE__*/(function (Framework7Class) { function PhotoBrowser(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var pb = this; pb.app = app; @@ -33011,8 +34583,8 @@ pb.init(); } - if ( Framework7Class$$1 ) PhotoBrowser.__proto__ = Framework7Class$$1; - PhotoBrowser.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) PhotoBrowser.__proto__ = Framework7Class; + PhotoBrowser.prototype = Object.create( Framework7Class && Framework7Class.prototype ); PhotoBrowser.prototype.constructor = PhotoBrowser; PhotoBrowser.prototype.onSlideChange = function onSlideChange (swiper) { @@ -33136,10 +34708,10 @@ var iconsColor = pb.params.iconsColor; if (!pb.params.iconsColor && pb.params.theme === 'dark') { iconsColor = 'white'; } - var backLinkText = pb.app.theme === 'ios' && pb.params.backLinkText ? pb.params.backLinkText : ''; + var backLinkText = (pb.app.theme === 'ios' || pb.app.theme === 'aurora') && pb.params.backLinkText ? pb.params.backLinkText : ''; var isPopup = pb.params.type !== 'page'; - var navbarHtml = ("\n
    \n
    \n
    \n \n \n " + (backLinkText ? ("" + backLinkText + "") : '') + "\n \n
    \n
    \n \n " + (pb.params.navbarOfText) + "\n \n
    \n
    \n
    \n
    \n ").trim(); + var navbarHtml = ("\n
    \n
    \n
    \n \n \n " + (backLinkText ? ("" + backLinkText + "") : '') + "\n \n
    \n
    \n \n " + (pb.params.navbarOfText) + "\n \n
    \n
    \n
    \n
    \n ").trim(); return navbarHtml; }; @@ -33150,7 +34722,7 @@ var iconsColor = pb.params.iconsColor; if (!pb.params.iconsColor && pb.params.theme === 'dark') { iconsColor = 'white'; } - var toolbarHtml = ("\n
    \n
    \n \n \n \n \n \n \n
    \n
    \n ").trim(); + var toolbarHtml = ("\n
    \n
    \n \n \n \n \n \n \n
    \n
    \n ").trim(); return toolbarHtml; }; @@ -33657,14 +35229,14 @@ }, }; - var Notification = /*@__PURE__*/(function (Modal$$1) { + var Notification = /*@__PURE__*/(function (Modal) { function Notification(app, params) { var extendedParams = Utils.extend({ on: {}, }, app.params.notification, params); // Extends with open/close Modal methods; - Modal$$1.call(this, app, extendedParams); + Modal.call(this, app, extendedParams); var notification = this; @@ -33850,8 +35422,8 @@ return notification; } - if ( Modal$$1 ) Notification.__proto__ = Modal$$1; - Notification.prototype = Object.create( Modal$$1 && Modal$$1.prototype ); + if ( Modal ) Notification.__proto__ = Modal; + Notification.prototype = Object.create( Modal && Modal.prototype ); Notification.prototype.constructor = Notification; Notification.prototype.render = function render () { @@ -33906,11 +35478,11 @@ /* eslint "no-useless-escape": "off" */ - var Autocomplete = /*@__PURE__*/(function (Framework7Class$$1) { + var Autocomplete = /*@__PURE__*/(function (Framework7Class) { function Autocomplete(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var ac = this; ac.app = app; @@ -33919,6 +35491,9 @@ on: {}, }, app.params.autocomplete); + if (typeof defaults.searchbarDisableButton === 'undefined') { + defaults.searchbarDisableButton = app.theme !== 'aurora'; + } // Extend defaults with modules params ac.useModulesParams(defaults); @@ -33941,7 +35516,8 @@ if (ac.params.view) { view = ac.params.view; } else if ($openerEl || $inputEl) { - view = app.views.get($openerEl || $inputEl); + var $el = $openerEl || $inputEl; + view = $el.closest('.view').length && $el.closest('.view')[0].f7View; } if (!view) { view = app.views.main; } @@ -34099,19 +35675,54 @@ } function onInputBlur() { if (ac.$dropdownEl.find('label.active-state').length > 0) { return; } - ac.close(); + setTimeout(function () { + ac.close(); + }, 0); } function onResize() { ac.positionDropdown(); } function onKeyDown(e) { - if (ac.opened && e.keyCode === 13) { + if (!ac.opened) { return; } + if (e.keyCode === 27) { + // ESC e.preventDefault(); ac.$inputEl.blur(); + return; } + if (e.keyCode === 13) { + // Enter + var $selectedItemLabel = ac.$dropdownEl.find('.autocomplete-dropdown-selected label'); + if ($selectedItemLabel.length) { + e.preventDefault(); + $selectedItemLabel.trigger('click'); + ac.$inputEl.blur(); + return; + } + if (ac.params.typeahead) { + e.preventDefault(); + ac.$inputEl.blur(); + } + return; + } + if (e.keyCode !== 40 && e.keyCode !== 38) { return; } + e.preventDefault(); + var $selectedItem = ac.$dropdownEl.find('.autocomplete-dropdown-selected'); + var $newItem; + if ($selectedItem.length) { + $newItem = $selectedItem[e.keyCode === 40 ? 'next' : 'prev']('li'); + if (!$newItem.length) { + $newItem = ac.$dropdownEl.find('li').eq(e.keyCode === 40 ? 0 : ac.$dropdownEl.find('li').length - 1); + } + } else { + $newItem = ac.$dropdownEl.find('li').eq(e.keyCode === 40 ? 0 : ac.$dropdownEl.find('li').length - 1); + } + if ($newItem.hasClass('autocomplete-dropdown-placeholder')) { return; } + $selectedItem.removeClass('autocomplete-dropdown-selected'); + $newItem.addClass('autocomplete-dropdown-selected'); } - function onDropdownclick() { + function onDropdownClick() { var $clickedEl = $(this); var clickedItem; for (var i = 0; i < ac.items.length; i += 1) { @@ -34127,7 +35738,6 @@ } ac.value = [clickedItem]; ac.emit('local::change autocompleteChange', [clickedItem]); - ac.close(); } @@ -34143,9 +35753,7 @@ } else { ac.$inputEl.on('blur', onInputBlur); } - if (ac.params.typeahead) { - ac.$inputEl.on('keydown', onKeyDown); - } + ac.$inputEl.on('keydown', onKeyDown); } }; ac.detachEvents = function attachEvents() { @@ -34160,17 +35768,15 @@ } else { ac.$inputEl.off('blur', onInputBlur); } - if (ac.params.typeahead) { - ac.$inputEl.off('keydown', onKeyDown); - } + ac.$inputEl.off('keydown', onKeyDown); } }; ac.attachDropdownEvents = function attachDropdownEvents() { - ac.$dropdownEl.on('click', 'label', onDropdownclick); + ac.$dropdownEl.on('click', 'label', onDropdownClick); app.on('resize', onResize); }; ac.detachDropdownEvents = function detachDropdownEvents() { - ac.$dropdownEl.off('click', 'label', onDropdownclick); + ac.$dropdownEl.off('click', 'label', onDropdownClick); app.off('resize', onResize); }; @@ -34197,8 +35803,8 @@ return ac; } - if ( Framework7Class$$1 ) Autocomplete.__proto__ = Framework7Class$$1; - Autocomplete.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Autocomplete.__proto__ = Framework7Class; + Autocomplete.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Autocomplete.prototype.constructor = Autocomplete; Autocomplete.prototype.positionDropdown = function positionDropdown () { @@ -34336,7 +35942,7 @@ Autocomplete.prototype.renderSearchbar = function renderSearchbar () { var ac = this; if (ac.params.renderSearchbar) { return ac.params.renderSearchbar.call(ac); } - var searchbarHTML = ("\n
    \n
    \n
    \n \n \n \n
    \n " + (ac.params.searchbarDisableText) + "\n
    \n
    \n ").trim(); + var searchbarHTML = ("\n
    \n
    \n
    \n \n \n \n
    \n " + (ac.params.searchbarDisableButton ? ("\n " + (ac.params.searchbarDisableText) + "\n ") : '') + "\n
    \n
    \n ").trim(); return searchbarHTML; }; @@ -34364,7 +35970,14 @@ if (typeof pageTitle === 'undefined' && ac.$openerEl && ac.$openerEl.length) { pageTitle = ac.$openerEl.find('.item-title').text().trim(); } - var navbarHtml = ("\n
    \n
    \n
    \n \n \n " + (ac.params.openIn === 'page' ? ac.params.pageBackLinkText : ac.params.popupCloseLinkText) + "\n \n
    \n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n " + (ac.params.preloader ? ("\n
    \n " + (ac.renderPreloader()) + "\n
    \n ") : '') + "\n
    " + (ac.renderSearchbar()) + "
    \n
    \n
    \n ").trim(); + var inPopup = ac.params.openIn === 'popup'; + var navbarLeft = inPopup + ? ("\n " + (ac.params.preloader ? ("\n
    \n " + (ac.renderPreloader()) + "\n
    \n ") : '') + "\n ") + : ("\n
    \n \n \n " + (ac.params.pageBackLinkText) + "\n \n
    \n "); + var navbarRight = inPopup + ? ("\n
    \n \n " + (ac.params.popupCloseLinkText) + "\n \n
    \n ") + : ("\n " + (ac.params.preloader ? ("\n
    \n " + (ac.renderPreloader()) + "\n
    \n ") : '') + "\n "); + var navbarHtml = ("\n
    \n
    \n " + navbarLeft + "\n " + (pageTitle ? ("
    " + pageTitle + "
    ") : '') + "\n " + navbarRight + "\n
    " + (ac.renderSearchbar()) + "
    \n
    \n
    \n ").trim(); return navbarHtml; }; @@ -34375,18 +35988,18 @@ return dropdownHtml; }; - Autocomplete.prototype.renderPage = function renderPage () { + Autocomplete.prototype.renderPage = function renderPage (inPopup) { var ac = this; if (ac.params.renderPage) { return ac.params.renderPage.call(ac, ac.items); } - var pageHtml = ("\n
    \n " + (ac.renderNavbar()) + "\n
    \n
    \n
    \n
      \n
      \n
      \n
        \n
      • " + (ac.params.notFoundText) + "
        • \n
      \n
      \n
      \n
        \n
        \n
        \n
        \n ").trim(); + var pageHtml = ("\n
        \n " + (ac.renderNavbar(inPopup)) + "\n
        \n
        \n
        \n
          \n
          \n
          \n
            \n
          • " + (ac.params.notFoundText) + "
            • \n
          \n
          \n
          \n
            \n
            \n
            \n
            \n ").trim(); return pageHtml; }; Autocomplete.prototype.renderPopup = function renderPopup () { var ac = this; if (ac.params.renderPopup) { return ac.params.renderPopup.call(ac, ac.items); } - var popupHtml = ("\n
            \n
            \n " + (ac.renderPage()) + ";\n
            \n
            \n ").trim(); + var popupHtml = ("\n
            \n
            \n " + (ac.renderPage(true)) + ";\n
            \n
            \n ").trim(); return popupHtml; }; @@ -34666,6 +36279,7 @@ pageTitle: undefined, searchbarPlaceholder: 'Search...', searchbarDisableText: 'Cancel', + searchbarDisableButton: undefined, animate: true, @@ -34724,11 +36338,11 @@ }, }; - var Tooltip = /*@__PURE__*/(function (Framework7Class$$1) { + var Tooltip = /*@__PURE__*/(function (Framework7Class) { function Tooltip(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, app, params); + Framework7Class.call(this, params, [app]); var tooltip = this; @@ -34835,8 +36449,8 @@ return tooltip; } - if ( Framework7Class$$1 ) Tooltip.__proto__ = Framework7Class$$1; - Tooltip.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Tooltip.__proto__ = Framework7Class; + Tooltip.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Tooltip.prototype.constructor = Tooltip; Tooltip.prototype.position = function position (targetEl) { @@ -35056,11 +36670,24 @@ if (!text) { return; } app.tooltip.create({ targetEl: el, text: text }); }); + if (app.theme === 'ios' && page.view && page.view.router.separateNavbar && page.$navbarEl && page.$navbarEl.length > 0) { + page.$navbarEl.find('.tooltip-init').each(function (index, el) { + var text = $(el).attr('data-tooltip'); + if (!text) { return; } + app.tooltip.create({ targetEl: el, text: text }); + }); + } }, pageBeforeRemove: function pageBeforeRemove(page) { + var app = this; page.$el.find('.tooltip-init').each(function (index, el) { if (el.f7Tooltip) { el.f7Tooltip.destroy(); } }); + if (app.theme === 'ios' && page.view && page.view.router.separateNavbar && page.$navbarEl && page.$navbarEl.length > 0) { + page.$navbarEl.find('.tooltip-init').each(function (index, el) { + if (el.f7Tooltip) { el.f7Tooltip.destroy(); } + }); + } }, }, vnode: { @@ -35072,6 +36699,13 @@ if (!text) { return; } app.tooltip.create({ targetEl: el, text: text }); }, + update: function update(vnode) { + var el = vnode.elm; + if (!el.f7Tooltip) { return; } + if (vnode && vnode.data && vnode.data.attrs && vnode.data.attrs['data-tooltip']) { + el.f7Tooltip.setText(vnode.data.attrs['data-tooltip']); + } + }, destroy: function destroy(vnode) { var el = vnode.elm; if (el.f7Tooltip) { el.f7Tooltip.destroy(); } @@ -35082,12 +36716,12 @@ /* eslint no-nested-ternary: off */ - var Gauge = /*@__PURE__*/(function (Framework7Class$$1) { + var Gauge = /*@__PURE__*/(function (Framework7Class) { function Gauge(app, params) { if ( params === void 0 ) params = {}; // Extends with open/close Modal methods; - Framework7Class$$1.call(this, app, params); + Framework7Class.call(this, params, [app]); var gauge = this; @@ -35123,8 +36757,8 @@ return gauge; } - if ( Framework7Class$$1 ) Gauge.__proto__ = Framework7Class$$1; - Gauge.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) Gauge.__proto__ = Framework7Class; + Gauge.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Gauge.prototype.constructor = Gauge; Gauge.prototype.calcRadius = function calcRadius () { @@ -35424,6 +37058,13 @@ if (!el) { return; } var $el = $(el).closest('.menu-item-dropdown'); if (!$el.length) { return; } + var $menuEl = $el.closest('.menu').eq(0); + if ($menuEl.length) { + var zIndex = $menuEl.css('z-index'); + var originalZIndex = $menuEl[0].style.zIndex; + $menuEl.css('z-index', parseInt(zIndex || 0, 0) + 1); + $menuEl[0].f7MenuZIndex = originalZIndex; + } $el.eq(0).addClass('menu-item-dropdown-opened').trigger('menu:opened'); app.emit('menuOpened', $el.eq(0)[0]); }, @@ -35434,6 +37075,12 @@ if (!el) { return; } var $el = $(el).closest('.menu-item-dropdown-opened'); if (!$el.length) { return; } + var $menuEl = $el.closest('.menu').eq(0); + if ($menuEl.length) { + var zIndex = $menuEl[0].f7MenuZIndex; + $menuEl.css('z-index', zIndex); + delete $menuEl[0].f7MenuZIndex; + } $el.eq(0).removeClass('menu-item-dropdown-opened').trigger('menu:closed'); app.emit('menuClosed', $el.eq(0)[0]); }, @@ -35477,11 +37124,2078 @@ }, }; - var ViAd = /*@__PURE__*/(function (Framework7Class$$1) { + var moduleAlphaSlider = { + render: function render(self) { + var ref = self.params; + var sliderLabel = ref.sliderLabel; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + var alphaLabelText = ref.alphaLabelText; + return ("\n
            \n
            \n " + (sliderLabel ? ("\n
            " + alphaLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.alphaRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-alpha'), + min: 0, + max: 1, + step: 0.01, + value: 1, + on: { + change: function change(range, value) { + var alpha = Math.floor(value * 100) / 100; + self.setValue({ alpha: alpha }); + }, + }, + }); + function handleInputChange(e) { + var alpha = self.value.alpha; + var value = parseFloat(e.target.value); + if (Number.isNaN(value)) { + e.target.value = alpha; + return; + } + value = Math.max(0, Math.min(1, value)); + self.setValue({ alpha: value }); + } + + self.$el.on('change', '.color-picker-module-alpha-slider input', handleInputChange); + + self.destroyAlphaSliderEvents = function destroyAlphaSliderEvents() { + self.$el.off('change', '.color-picker-module-alpha-slider input', handleInputChange); + }; + }, + update: function update(self) { + var value = self.value; + var ref = self.params; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + + var alpha = value.alpha; + self.alphaRangeSlider.value = alpha; + self.alphaRangeSlider.layout(); + if (sliderValue && sliderValueEditable) { + self.$el.find('input.color-picker-value-alpha').val(alpha); + } else { + self.$el.find('span.color-picker-value-alpha').text(alpha); + } + }, + destroy: function destroy(self) { + if (self.alphaRangeSlider && self.alphaRangeSlider.destroy) { + self.alphaRangeSlider.destroy(); + } + delete self.alphaRangeSlider; + + if (self.destroyAlphaSliderEvents) { self.destroyAlphaSliderEvents(); } + delete self.destroyAlphaSliderEvents; + }, + }; + + var moduleCurrentColor = { + render: function render() { + return "\n
            \n
            \n
            \n "; + }, + update: function update(self) { + self.$el.find('.color-picker-module-current-color .color-picker-current-color').css( + 'background-color', + self.value.hex + ); + }, + }; + + var moduleHex = { + render: function render(self) { + var ref = self.params; + var hexLabel = ref.hexLabel; + var hexLabelText = ref.hexLabelText; + var hexValueEditable = ref.hexValueEditable; + return ("\n
            \n
            \n " + (hexLabel ? ("\n
            " + hexLabelText + "
            \n ") : '') + "\n
            \n " + (hexValueEditable ? "\n \n " : "\n \n ") + "\n
            \n
            \n
            \n "); + }, + init: function init(self) { + function handleInputChange(e) { + var hex = self.value.hex; + var value = e.target.value.replace(/#/g, ''); + if (Number.isNaN(value) || !value || (value.length !== 3 && value.length !== 6)) { + e.target.value = hex; + return; + } + var min = 0; + var current = parseInt(value, 16); + var max = parseInt('ffffff', 16); // eslint-disable-line + if (current > max) { + value = 'fff'; + } + if (current < min) { + value = '000'; + } + self.setValue({ hex: value }); + } + + self.$el.on('change', '.color-picker-module-hex input', handleInputChange); + + self.destroyHexEvents = function destroyHexEvents() { + self.$el.off('change', '.color-picker-module-hex input', handleInputChange); + }; + }, + update: function update(self) { + var value = self.value; + + var ref = self.params; + var hexValueEditable = ref.hexValueEditable; + + var hex = value.hex; + if (hexValueEditable) { + self.$el.find('input.color-picker-value-hex').val(hex); + } else { + self.$el.find('span.color-picker-value-hex').text(hex); + } + }, + destroy: function destroy(self) { + if (self.destroyHexEvents) { self.destroyHexEvents(); } + delete self.destroyHexEvents; + }, + }; + + var moduleHsbSliders = { + render: function render(self) { + var ref = self.params; + var sliderLabel = ref.sliderLabel; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + var hueLabelText = ref.hueLabelText; + var saturationLabelText = ref.saturationLabelText; + var brightnessLabelText = ref.brightnessLabelText; + return ("\n
            \n
            \n " + (sliderLabel ? ("\n
            " + hueLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (sliderLabel ? ("\n
            " + saturationLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (sliderLabel ? ("\n
            " + brightnessLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.hueRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-hue'), + min: 0, + max: 360, + step: 0.1, + value: 0, + on: { + change: function change(range, value) { + self.setValue({ hue: value }); + }, + }, + }); + self.saturationRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-saturation'), + min: 0, + max: 1, + step: 0.001, + value: 0, + on: { + change: function change(range, value) { + var s = Math.floor(value * 1000) / 1000; + self.setValue({ hsb: [self.value.hsb[0], s, self.value.hsb[2]] }); + }, + }, + }); + self.brightnessRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-brightness'), + min: 0, + max: 1, + step: 0.001, + value: 0, + on: { + change: function change(range, value) { + var b = Math.floor(value * 1000) / 1000; + self.setValue({ hsb: [self.value.hsb[0], self.value.hsb[1], b] }); + }, + }, + }); + + function handleInputChange(e) { + var hsb = [].concat( self.value.hsb ); + var index = parseInt($(e.target).attr('data-color-index'), 10); + var value = parseFloat(e.target.value); + if (Number.isNaN(value)) { + e.target.value = hsb[index]; + return; + } + if (index === 0) { + value = Math.max(0, Math.min(360, value)); + } else { + value = Math.max(0, Math.min(100, value)) / 100; + } + + hsb[index] = value; + self.setValue({ hsb: hsb }); + } + + self.$el.on('change', '.color-picker-module-hsb-sliders input', handleInputChange); + + self.destroyHsbSlidersEvents = function destroyHsbSlidersEvents() { + self.$el.off('change', '.color-picker-module-hsb-sliders input', handleInputChange); + }; + }, + update: function update(self) { + var app = self.app; + var value = self.value; + var ref = self.params; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + + var hsb = value.hsb; + var hue = value.hue; + + self.hueRangeSlider.value = hue; + self.saturationRangeSlider.value = hsb[1]; + self.brightnessRangeSlider.value = hsb[2]; + + self.hueRangeSlider.layout(); + self.saturationRangeSlider.layout(); + self.brightnessRangeSlider.layout(); + + var hslCurrent = Utils.colorHsbToHsl(hsb[0], hsb[1], 1); + var hslLeft = Utils.colorHsbToHsl(hsb[0], 0, 1); + var hslRight = Utils.colorHsbToHsl(hsb[0], 1, 1); + var brightness = hsb[2]; + + self.hueRangeSlider.$el[0].style.setProperty( + '--f7-range-knob-color', + ("hsl(" + hue + ", 100%, 50%)") + ); + self.saturationRangeSlider.$el[0].style.setProperty( + '--f7-range-knob-color', + ("hsl(" + (hslCurrent[0]) + ", " + (hslCurrent[1] * 100) + "%, " + (hslCurrent[2] * 100) + "%)") + ); + self.brightnessRangeSlider.$el[0].style.setProperty( + '--f7-range-knob-color', + ("rgb(" + (brightness * 255) + ", " + (brightness * 255) + ", " + (brightness * 255) + ")") + ); + self.saturationRangeSlider.$el.find('.range-bar').css( + 'background-image', + ("linear-gradient(" + (app.rtl ? 'to left' : 'to right') + ", hsl(" + (hslLeft[0]) + ", " + (hslLeft[1] * 100) + "%, " + (hslLeft[2] * 100) + "%), hsl(" + (hslRight[0]) + ", " + (hslRight[1] * 100) + "%, " + (hslRight[2] * 100) + "%))") + ); + + if (sliderValue && sliderValueEditable) { + self.$el.find('input.color-picker-value-hue').val(("" + hue)); + self.$el.find('input.color-picker-value-saturation').val(("" + (hsb[1] * 1000 / 10))); + self.$el.find('input.color-picker-value-brightness').val(("" + (hsb[2] * 1000 / 10))); + } else if (sliderValue) { + self.$el.find('span.color-picker-value-hue').text(("" + hue)); + self.$el.find('span.color-picker-value-saturation').text(("" + (hsb[1] * 1000 / 10))); + self.$el.find('span.color-picker-value-brightness').text(("" + (hsb[2] * 1000 / 10))); + } + }, + destroy: function destroy(self) { + if (self.hueRangeSlider && self.hueRangeSlider.destroy) { + self.hueRangeSlider.destroy(); + } + if (self.saturationRangeSlider && self.saturationRangeSlider.destroy) { + self.saturationRangeSlider.destroy(); + } + if (self.brightnessRangeSlider && self.brightnessRangeSlider.destroy) { + self.brightnessRangeSlider.destroy(); + } + + delete self.hueRangeSlider; + delete self.saturationRangeSlider; + delete self.brightnessRangeSlider; + + if (self.destroyHsbSlidersEvents) { self.destroyHsbSlidersEvents(); } + delete self.destroyHsbSlidersEvents; + }, + }; + + var moduleHueSlider = { + render: function render(self) { + var ref = self.params; + var sliderLabel = ref.sliderLabel; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + var hueLabelText = ref.hueLabelText; + return ("\n
            \n
            \n " + (sliderLabel ? ("\n
            " + hueLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.hueRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-hue'), + min: 0, + max: 360, + step: 0.1, + value: 0, + on: { + change: function change(range, value) { + self.setValue({ hue: value }); + }, + }, + }); + }, + update: function update(self) { + var value = self.value; + var ref = self.params; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + + var hue = value.hue; + + self.hueRangeSlider.value = hue; + self.hueRangeSlider.layout(); + self.hueRangeSlider.$el[0].style.setProperty( + '--f7-range-knob-color', + ("hsl(" + hue + ", 100%, 50%)") + ); + if (sliderValue && sliderValueEditable) { + self.$el.find('input.color-picker-value-hue').val(("" + hue)); + } else if (sliderValue) { + self.$el.find('span.color-picker-value-hue').text(("" + hue)); + } + }, + destroy: function destroy(self) { + if (self.hueRangeSlider && self.hueRangeSlider.destroy) { + self.hueRangeSlider.destroy(); + } + delete self.hueRangeSlider; + }, + }; + + var moduleBrightnessSlider = { + render: function render(self) { + var ref = self.params; + var sliderLabel = ref.sliderLabel; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + var brightnessLabelText = ref.brightnessLabelText; + return ("\n
            \n
            \n " + (sliderLabel ? ("\n
            " + brightnessLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.brightnessRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-brightness'), + min: 0, + max: 1, + step: 0.001, + value: 0, + on: { + change: function change(range, value) { + var b = Math.floor(value * 1000) / 1000; + self.setValue({ hsb: [self.value.hsb[0], self.value.hsb[1], b] }); + }, + }, + }); + }, + update: function update(self) { + var value = self.value; + var app = self.app; + var ref = self.params; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + + var hsb = value.hsb; + + self.brightnessRangeSlider.value = hsb[2]; + self.brightnessRangeSlider.layout(); + + var hslCurrent = Utils.colorHsbToHsl(hsb[0], hsb[1], hsb[2]); + var hslLeft = Utils.colorHsbToHsl(hsb[0], hsb[1], 0); + var hslRight = Utils.colorHsbToHsl(hsb[0], hsb[1], 1); + + self.brightnessRangeSlider.$el[0].style.setProperty( + '--f7-range-knob-color', + ("hsl(" + (hslCurrent[0]) + ", " + (hslCurrent[1] * 100) + "%, " + (hslCurrent[2] * 100) + "%)") + ); + self.brightnessRangeSlider.$el.find('.range-bar').css( + 'background-image', + ("linear-gradient(" + (app.rtl ? 'to left' : 'to right') + ", hsl(" + (hslLeft[0]) + ", " + (hslLeft[1] * 100) + "%, " + (hslLeft[2] * 100) + "%), hsl(" + (hslRight[0]) + ", " + (hslRight[1] * 100) + "%, " + (hslRight[2] * 100) + "%))") + ); + if (sliderValue && sliderValueEditable) { + self.$el.find('input.color-picker-value-brightness').val(("" + (hsb[2] * 1000 / 10))); + } else if (sliderValue) { + self.$el.find('span.color-picker-value-brightness').text(("" + (hsb[2] * 1000 / 10))); + } + }, + destroy: function destroy(self) { + if (self.brightnessRangeSlider && self.brightnessRangeSlider.destroy) { + self.brightnessRangeSlider.destroy(); + } + delete self.brightnessRangeSlider; + }, + }; + + /* eslint indent: ["off"] */ + + var modulePalette = { + render: function render(self) { + return ("\n
            \n
            \n " + (self.params.palette.map(function (p) { + if (Array.isArray(p)) { + var row = '
            '; + row += p.map(function (c) { return ("\n
            \n "); }).join(''); + row += '
            '; + return row; + } + return ("\n
            \n "); + }).join('')) + "\n
            \n
            \n "); + }, + init: function init(self) { + function handlePaletteClick(e) { + var hex = $(e.target).attr('data-palette-color'); + self.setValue({ + hex: hex, + }); + } + + self.$el.on('click', '.color-picker-module-palette .color-picker-palette-value', handlePaletteClick); + + self.destroyPaletteEvents = function destroyPaletteEvents() { + self.$el.off('click', '.color-picker-module-hex input', handlePaletteClick); + }; + }, + destroy: function destroy(self) { + if (self.destroyPaletteEvents) { + self.destroyPaletteEvents(); + } + delete self.destroyPaletteEvents; + }, + }; + + var moduleInitialCurrentColors = { + render: function render() { + return "\n
            \n
            \n
            \n
            \n
            \n
            \n "; + }, + init: function init(self) { + function handleInitialColorClick() { + if (self.initialValue) { + var ref = self.initialValue; + var hex = ref.hex; + var alpha = ref.alpha; + self.setValue({ + hex: hex, + alpha: alpha, + }); + } + } + self.$el.on('click', '.color-picker-initial-color', handleInitialColorClick); + self.destroyInitialCurrentEvents = function destroyInitialCurrentEvents() { + self.$el.off('click', '.color-picker-initial-color', handleInitialColorClick); + }; + }, + update: function update(self) { + self.$el.find('.color-picker-module-initial-current-colors .color-picker-initial-color').css( + 'background-color', + self.initialValue.hex + ); + self.$el.find('.color-picker-module-initial-current-colors .color-picker-current-color').css( + 'background-color', + self.value.hex + ); + }, + destroy: function destroy(self) { + if (self.destroyInitialCurrentEvents) { + self.destroyInitialCurrentEvents(); + } + delete self.destroyInitialCurrentEvents; + }, + }; + + var moduleRgbBars = { + render: function render(self) { + var ref = self.params; + var barLabel = ref.barLabel; + var barValue = ref.barValue; + var barValueEditable = ref.barValueEditable; + var redLabelText = ref.redLabelText; + var greenLabelText = ref.greenLabelText; + var blueLabelText = ref.blueLabelText; + return ("\n
            \n
            \n " + (barLabel ? ("\n
            " + redLabelText + "
            \n ") : '') + "\n
            \n " + (barValue ? ("\n
            \n " + (barValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (barLabel ? ("\n
            " + greenLabelText + "
            \n ") : '') + "\n
            \n " + (barValue ? ("\n
            \n " + (barValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (barLabel ? ("\n
            " + blueLabelText + "
            \n ") : '') + "\n
            \n " + (barValue ? ("\n
            \n " + (barValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.redBar = self.app.range.create({ + el: self.$el.find('.color-picker-bar-red'), + min: 0, + max: 255, + step: 1, + value: 0, + vertical: true, + on: { + change: function change(range, value) { + self.setValue({ rgb: [value, self.value.rgb[1], self.value.rgb[2]] }); + }, + }, + }); + self.greenBar = self.app.range.create({ + el: self.$el.find('.color-picker-bar-green'), + min: 0, + max: 255, + step: 1, + value: 0, + vertical: true, + on: { + change: function change(range, value) { + self.setValue({ rgb: [self.value.rgb[0], value, self.value.rgb[2]] }); + }, + }, + }); + self.blueBar = self.app.range.create({ + el: self.$el.find('.color-picker-bar-blue'), + min: 0, + max: 255, + step: 1, + value: 0, + vertical: true, + on: { + change: function change(range, value) { + self.setValue({ rgb: [self.value.rgb[0], self.value.rgb[1], value] }); + }, + }, + }); + + function handleInputChange(e) { + var rgb = [].concat( self.value.rgb ); + var index = parseInt($(e.target).attr('data-color-index'), 10); + var value = parseInt(e.target.value, 10); + if (Number.isNaN(value)) { + e.target.value = rgb[index]; + return; + } + value = Math.max(0, Math.min(255, value)); + rgb[index] = value; + self.setValue({ rgb: rgb }); + } + + self.$el.on('change', '.color-picker-module-rgb-bars input', handleInputChange); + + self.destroyRgbBarsEvents = function destroyRgbBarsEvents() { + self.$el.off('change', '.color-picker-module-rgb-bars input', handleInputChange); + }; + }, + update: function update(self) { + var value = self.value; + var redBar = self.redBar; + var greenBar = self.greenBar; + var blueBar = self.blueBar; + + var ref = self.params; + var barValue = ref.barValue; + var barValueEditable = ref.barValueEditable; + + var rgb = value.rgb; + + redBar.value = rgb[0]; + greenBar.value = rgb[1]; + blueBar.value = rgb[2]; + + redBar.layout(); + greenBar.layout(); + blueBar.layout(); + + redBar.$el.find('.range-bar').css('background-image', ("linear-gradient(to top, rgb(0, " + (rgb[1]) + ", " + (rgb[2]) + "), rgb(255, " + (rgb[1]) + ", " + (rgb[2]) + "))")); + greenBar.$el.find('.range-bar').css('background-image', ("linear-gradient(to top, rgb(" + (rgb[0]) + ", 0, " + (rgb[2]) + "), rgb(" + (rgb[0]) + ", 255, " + (rgb[2]) + "))")); + blueBar.$el.find('.range-bar').css('background-image', ("linear-gradient(to top, rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", 0), rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", 255))")); + + if (barValue && barValueEditable) { + self.$el.find('input.color-picker-value-bar-red').val(rgb[0]); + self.$el.find('input.color-picker-value-bar-green').val(rgb[1]); + self.$el.find('input.color-picker-value-bar-blue').val(rgb[2]); + } else if (barValue) { + self.$el.find('span.color-picker-value-bar-red').text(rgb[0]); + self.$el.find('span.color-picker-value-bar-green').text(rgb[1]); + self.$el.find('span.color-picker-value-bar-blue').text(rgb[2]); + } + }, + destroy: function destroy(self) { + if (self.redBar && self.redBar.destroy) { + self.redBar.destroy(); + } + if (self.greenBar && self.greenBar.destroy) { + self.greenBar.destroy(); + } + if (self.blueBar && self.blueBar.destroy) { + self.blueBar.destroy(); + } + + delete self.redBar; + delete self.greenBar; + delete self.blueBar; + + if (self.destroyRgbBarsEvents) { self.destroyRgbBarsEvents(); } + delete self.destroyRgbBarsEvents; + }, + }; + + var moduleRgbSliders = { + render: function render(self) { + var ref = self.params; + var sliderLabel = ref.sliderLabel; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + var redLabelText = ref.redLabelText; + var greenLabelText = ref.greenLabelText; + var blueLabelText = ref.blueLabelText; + return ("\n
            \n
            \n " + (sliderLabel ? ("\n
            " + redLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (sliderLabel ? ("\n
            " + greenLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n " + (sliderLabel ? ("\n
            " + blueLabelText + "
            \n ") : '') + "\n
            \n " + (sliderValue ? ("\n
            \n " + (sliderValueEditable ? "\n \n " : "\n \n ") + "\n
            \n ") : '') + "\n
            \n
            \n "); + }, + init: function init(self) { + self.redRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-red'), + min: 0, + max: 255, + step: 1, + value: 0, + on: { + change: function change(range, value) { + self.setValue({ rgb: [value, self.value.rgb[1], self.value.rgb[2]] }); + }, + }, + }); + self.greenRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-green'), + min: 0, + max: 255, + step: 1, + value: 0, + on: { + change: function change(range, value) { + self.setValue({ rgb: [self.value.rgb[0], value, self.value.rgb[2]] }); + }, + }, + }); + self.blueRangeSlider = self.app.range.create({ + el: self.$el.find('.color-picker-slider-blue'), + min: 0, + max: 255, + step: 1, + value: 0, + on: { + change: function change(range, value) { + self.setValue({ rgb: [self.value.rgb[0], self.value.rgb[1], value] }); + }, + }, + }); + + function handleInputChange(e) { + var rgb = [].concat( self.value.rgb ); + var index = parseInt($(e.target).attr('data-color-index'), 10); + var value = parseInt(e.target.value, 10); + if (Number.isNaN(value)) { + e.target.value = rgb[index]; + return; + } + value = Math.max(0, Math.min(255, value)); + rgb[index] = value; + self.setValue({ rgb: rgb }); + } + + self.$el.on('change', '.color-picker-module-rgb-sliders input', handleInputChange); + + self.destroyRgbSlidersEvents = function destroyRgbSlidersEvents() { + self.$el.off('change', '.color-picker-module-rgb-sliders input', handleInputChange); + }; + }, + update: function update(self) { + var app = self.app; + var value = self.value; + var redRangeSlider = self.redRangeSlider; + var greenRangeSlider = self.greenRangeSlider; + var blueRangeSlider = self.blueRangeSlider; + + var ref = self.params; + var sliderValue = ref.sliderValue; + var sliderValueEditable = ref.sliderValueEditable; + + var rgb = value.rgb; + + redRangeSlider.value = rgb[0]; + greenRangeSlider.value = rgb[1]; + blueRangeSlider.value = rgb[2]; + + redRangeSlider.layout(); + greenRangeSlider.layout(); + blueRangeSlider.layout(); + + redRangeSlider.$el[0].style.setProperty('--f7-range-knob-color', ("rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", " + (rgb[2]) + ")")); + greenRangeSlider.$el[0].style.setProperty('--f7-range-knob-color', ("rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", " + (rgb[2]) + ")")); + blueRangeSlider.$el[0].style.setProperty('--f7-range-knob-color', ("rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", " + (rgb[2]) + ")")); + + var direction = app.rtl ? 'to left' : 'to right'; + + redRangeSlider.$el.find('.range-bar').css('background-image', ("linear-gradient(" + direction + ", rgb(0, " + (rgb[1]) + ", " + (rgb[2]) + "), rgb(255, " + (rgb[1]) + ", " + (rgb[2]) + "))")); + greenRangeSlider.$el.find('.range-bar').css('background-image', ("linear-gradient(" + direction + ", rgb(" + (rgb[0]) + ", 0, " + (rgb[2]) + "), rgb(" + (rgb[0]) + ", 255, " + (rgb[2]) + "))")); + blueRangeSlider.$el.find('.range-bar').css('background-image', ("linear-gradient(" + direction + ", rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", 0), rgb(" + (rgb[0]) + ", " + (rgb[1]) + ", 255))")); + + if (sliderValue && sliderValueEditable) { + self.$el.find('input.color-picker-value-red').val(rgb[0]); + self.$el.find('input.color-picker-value-green').val(rgb[1]); + self.$el.find('input.color-picker-value-blue').val(rgb[2]); + } else if (sliderValue) { + self.$el.find('span.color-picker-value-red').text(rgb[0]); + self.$el.find('span.color-picker-value-green').text(rgb[1]); + self.$el.find('span.color-picker-value-blue').text(rgb[2]); + } + }, + destroy: function destroy(self) { + if (self.redRangeSlider && self.redRangeSlider.destroy) { + self.redRangeSlider.destroy(); + } + if (self.greenRangeSlider && self.greenRangeSlider.destroy) { + self.greenRangeSlider.destroy(); + } + if (self.blueRangeSlider && self.blueRangeSlider.destroy) { + self.blueRangeSlider.destroy(); + } + + delete self.redRangeSlider; + delete self.greenRangeSlider; + delete self.blueRangeSlider; + + if (self.destroyRgbSlidersEvents) { self.destroyRgbSlidersEvents(); } + delete self.destroyRgbSlidersEvents; + }, + }; + + var moduleSbSpectrum = { + render: function render() { + return "\n
            \n
            \n
            \n
            \n
            \n "; + }, + init: function init(self) { + var app = self.app; + + var isTouched; + var isMoved; + var touchStartX; + var touchStartY; + var touchCurrentX; + var touchCurrentY; + + var specterRect; + var specterIsTouched; + var specterHandleIsTouched; + + var $el = self.$el; + + function setSBFromSpecterCoords(x, y) { + var s = (x - specterRect.left) / specterRect.width; + var b = (y - specterRect.top) / specterRect.height; + s = Math.max(0, Math.min(1, s)); + b = 1 - Math.max(0, Math.min(1, b)); + + self.setValue({ hsb: [self.value.hue, s, b] }); + } + + function handleTouchStart(e) { + if (isMoved || isTouched) { return; } + touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentX = touchStartX; + touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + touchCurrentY = touchStartY; + var $targetEl = $(e.target); + specterHandleIsTouched = $targetEl.closest('.color-picker-sb-spectrum-handle').length > 0; + if (!specterHandleIsTouched) { + specterIsTouched = $targetEl.closest('.color-picker-sb-spectrum').length > 0; + } + if (specterIsTouched) { + specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect(); + setSBFromSpecterCoords(touchStartX, touchStartY); + } + if (specterHandleIsTouched || specterIsTouched) { + $el.find('.color-picker-sb-spectrum-handle').addClass('color-picker-sb-spectrum-handle-pressed'); + } + } + function handleTouchMove(e) { + if (!(specterIsTouched || specterHandleIsTouched)) { return; } + touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; + e.preventDefault(); + if (!isMoved) { + // First move + isMoved = true; + if (specterHandleIsTouched) { + specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect(); + } + } + if (specterIsTouched || specterHandleIsTouched) { + setSBFromSpecterCoords(touchCurrentX, touchCurrentY); + } + } + function handleTouchEnd() { + isMoved = false; + if (specterIsTouched || specterHandleIsTouched) { + $el.find('.color-picker-sb-spectrum-handle').removeClass('color-picker-sb-spectrum-handle-pressed'); + } + specterIsTouched = false; + specterHandleIsTouched = false; + } + + function handleResize() { + self.modules['sb-spectrum'].update(self); + } + + var passiveListener = app.touchEvents.start === 'touchstart' && app.support.passiveListener ? { passive: true, capture: false } : false; + + self.$el.on(app.touchEvents.start, handleTouchStart, passiveListener); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + app.on('resize', handleResize); + + self.destroySpectrumEvents = function destroySpectrumEvents() { + self.$el.off(app.touchEvents.start, handleTouchStart, passiveListener); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + app.off('resize', handleResize); + }; + }, + update: function update(self) { + var value = self.value; + + var hsl = value.hsl; + var hsb = value.hsb; + + var specterWidth = self.$el.find('.color-picker-sb-spectrum')[0].offsetWidth; + var specterHeight = self.$el.find('.color-picker-sb-spectrum')[0].offsetHeight; + + self.$el.find('.color-picker-sb-spectrum') + .css('background-color', ("hsl(" + (hsl[0]) + ", 100%, 50%)")); + + self.$el.find('.color-picker-sb-spectrum-handle') + .css('background-color', ("hsl(" + (hsl[0]) + ", " + (hsl[1] * 100) + "%, " + (hsl[2] * 100) + "%)")) + .transform(("translate(" + (specterWidth * hsb[1]) + "px, " + (specterHeight * (1 - hsb[2])) + "px)")); + }, + destroy: function destroy(self) { + if (self.destroySpectrumEvents) { self.destroySpectrumEvents(); } + delete self.destroySpectrumEvents; + }, + }; + + var moduleHsSpectrum = { + render: function render() { + return "\n
            \n
            \n
            \n
            \n
            \n "; + }, + init: function init(self) { + var app = self.app; + + var isTouched; + var isMoved; + var touchStartX; + var touchStartY; + var touchCurrentX; + var touchCurrentY; + + var specterRect; + var specterIsTouched; + var specterHandleIsTouched; + + var $el = self.$el; + + function setHSFromSpecterCoords(x, y) { + var h = (x - specterRect.left) / specterRect.width * 360; + var s = (y - specterRect.top) / specterRect.height; + h = Math.max(0, Math.min(360, h)); + s = 1 - Math.max(0, Math.min(1, s)); + + self.setValue({ hsb: [h, s, self.value.hsb[2]] }); + } + + function handleTouchStart(e) { + if (isMoved || isTouched) { return; } + touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentX = touchStartX; + touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + touchCurrentY = touchStartY; + var $targetEl = $(e.target); + specterHandleIsTouched = $targetEl.closest('.color-picker-hs-spectrum-handle').length > 0; + if (!specterHandleIsTouched) { + specterIsTouched = $targetEl.closest('.color-picker-hs-spectrum').length > 0; + } + if (specterIsTouched) { + specterRect = $el.find('.color-picker-hs-spectrum')[0].getBoundingClientRect(); + setHSFromSpecterCoords(touchStartX, touchStartY); + } + if (specterHandleIsTouched || specterIsTouched) { + $el.find('.color-picker-hs-spectrum-handle').addClass('color-picker-hs-spectrum-handle-pressed'); + } + } + function handleTouchMove(e) { + if (!(specterIsTouched || specterHandleIsTouched)) { return; } + touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; + e.preventDefault(); + if (!isMoved) { + // First move + isMoved = true; + if (specterHandleIsTouched) { + specterRect = $el.find('.color-picker-hs-spectrum')[0].getBoundingClientRect(); + } + } + if (specterIsTouched || specterHandleIsTouched) { + setHSFromSpecterCoords(touchCurrentX, touchCurrentY); + } + } + function handleTouchEnd() { + isMoved = false; + if (specterIsTouched || specterHandleIsTouched) { + $el.find('.color-picker-hs-spectrum-handle').removeClass('color-picker-hs-spectrum-handle-pressed'); + } + specterIsTouched = false; + specterHandleIsTouched = false; + } + + function handleResize() { + self.modules['hs-spectrum'].update(self); + } + + var passiveListener = app.touchEvents.start === 'touchstart' && app.support.passiveListener ? { passive: true, capture: false } : false; + + self.$el.on(app.touchEvents.start, handleTouchStart, passiveListener); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + app.on('resize', handleResize); + + self.destroySpectrumEvents = function destroySpectrumEvents() { + self.$el.off(app.touchEvents.start, handleTouchStart, passiveListener); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + app.off('resize', handleResize); + }; + }, + update: function update(self) { + var value = self.value; + + var hsb = value.hsb; + + var specterWidth = self.$el.find('.color-picker-hs-spectrum')[0].offsetWidth; + var specterHeight = self.$el.find('.color-picker-hs-spectrum')[0].offsetHeight; + + var hslBright = Utils.colorHsbToHsl(hsb[0], hsb[1], 1); + + self.$el.find('.color-picker-hs-spectrum-handle') + .css('background-color', ("hsl(" + (hslBright[0]) + ", " + (hslBright[1] * 100) + "%, " + (hslBright[2] * 100) + "%)")) + .transform(("translate(" + (specterWidth * (hsb[0] / 360)) + "px, " + (specterHeight * (1 - hsb[1])) + "px)")); + }, + destroy: function destroy(self) { + if (self.destroySpectrumEvents) { self.destroySpectrumEvents(); } + delete self.destroySpectrumEvents; + }, + }; + + function svgWheelCircles() { + var total = 256; + var circles = ''; + for (var i = total; i > 0; i -= 1) { + var angle = i * Math.PI / (total / 2); + var hue = 360 / total * i; + circles += ""; + } + return circles; + } + var moduleWheel = { + render: function render() { + return ("\n
            \n
            \n " + (svgWheelCircles()) + "\n
            \n
            \n
            \n
            \n
            \n
            \n "); + }, + init: function init(self) { + var app = self.app; + + var isTouched; + var isMoved; + var touchStartX; + var touchStartY; + var touchCurrentX; + var touchCurrentY; + + var wheelRect; + var wheelIsTouched; + var wheelHandleIsTouched; + var specterRect; + var specterIsTouched; + var specterHandleIsTouched; + + var $el = self.$el; + + function setHueFromWheelCoords(x, y) { + var wheelCenterX = wheelRect.left + wheelRect.width / 2; + var wheelCenterY = wheelRect.top + wheelRect.height / 2; + var angleRad = Math.atan2(y - wheelCenterY, x - wheelCenterX); + var angleDeg = angleRad * 180 / Math.PI + 90; + if (angleDeg < 0) { angleDeg += 360; } + angleDeg = 360 - angleDeg; + self.setValue({ hue: angleDeg }); + } + function setSBFromSpecterCoords(x, y) { + var s = (x - specterRect.left) / specterRect.width; + var b = (y - specterRect.top) / specterRect.height; + s = Math.max(0, Math.min(1, s)); + b = 1 - Math.max(0, Math.min(1, b)); + + self.setValue({ hsb: [self.value.hue, s, b] }); + } + + function handleTouchStart(e) { + if (isMoved || isTouched) { return; } + touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentX = touchStartX; + touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; + touchCurrentY = touchStartY; + var $targetEl = $(e.target); + wheelHandleIsTouched = $targetEl.closest('.color-picker-wheel-handle').length > 0; + wheelIsTouched = $targetEl.closest('circle').length > 0; + specterHandleIsTouched = $targetEl.closest('.color-picker-sb-spectrum-handle').length > 0; + if (!specterHandleIsTouched) { + specterIsTouched = $targetEl.closest('.color-picker-sb-spectrum').length > 0; + } + if (wheelIsTouched) { + wheelRect = $el.find('.color-picker-wheel')[0].getBoundingClientRect(); + setHueFromWheelCoords(touchStartX, touchStartY); + } + if (specterIsTouched) { + specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect(); + setSBFromSpecterCoords(touchStartX, touchStartY); + } + if (specterHandleIsTouched || specterIsTouched) { + $el.find('.color-picker-sb-spectrum-handle').addClass('color-picker-sb-spectrum-handle-pressed'); + } + } + function handleTouchMove(e) { + if (!(wheelIsTouched || wheelHandleIsTouched) && !(specterIsTouched || specterHandleIsTouched)) { return; } + touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; + touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; + e.preventDefault(); + if (!isMoved) { + // First move + isMoved = true; + if (wheelHandleIsTouched) { + wheelRect = $el.find('.color-picker-wheel')[0].getBoundingClientRect(); + } + if (specterHandleIsTouched) { + specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect(); + } + } + if (wheelIsTouched || wheelHandleIsTouched) { + setHueFromWheelCoords(touchCurrentX, touchCurrentY); + } + if (specterIsTouched || specterHandleIsTouched) { + setSBFromSpecterCoords(touchCurrentX, touchCurrentY); + } + } + function handleTouchEnd() { + isMoved = false; + if (specterIsTouched || specterHandleIsTouched) { + $el.find('.color-picker-sb-spectrum-handle').removeClass('color-picker-sb-spectrum-handle-pressed'); + } + wheelIsTouched = false; + wheelHandleIsTouched = false; + specterIsTouched = false; + specterHandleIsTouched = false; + } + + function handleResize() { + self.modules.wheel.update(self); + } + + var passiveListener = app.touchEvents.start === 'touchstart' && app.support.passiveListener ? { passive: true, capture: false } : false; + + self.$el.on(app.touchEvents.start, handleTouchStart, passiveListener); + app.on('touchmove:active', handleTouchMove); + app.on('touchend:passive', handleTouchEnd); + app.on('resize', handleResize); + + self.destroyWheelEvents = function destroyWheelEvents() { + self.$el.off(app.touchEvents.start, handleTouchStart, passiveListener); + app.off('touchmove:active', handleTouchMove); + app.off('touchend:passive', handleTouchEnd); + app.off('resize', handleResize); + }; + }, + update: function update(self) { + var value = self.value; + + var hsl = value.hsl; + var hsb = value.hsb; + + var specterWidth = self.$el.find('.color-picker-sb-spectrum')[0].offsetWidth; + var specterHeight = self.$el.find('.color-picker-sb-spectrum')[0].offsetHeight; + var wheelSize = self.$el.find('.color-picker-wheel')[0].offsetWidth; + var wheelHalfSize = wheelSize / 2; + var angleRad = value.hue * Math.PI / 180; + var handleSize = wheelSize / 6; + var handleHalfSize = handleSize / 2; + var tX = wheelHalfSize - Math.sin(angleRad) * (wheelHalfSize - handleHalfSize) - handleHalfSize; + var tY = wheelHalfSize - Math.cos(angleRad) * (wheelHalfSize - handleHalfSize) - handleHalfSize; + self.$el.find('.color-picker-wheel-handle') + .css('background-color', ("hsl(" + (hsl[0]) + ", 100%, 50%)")) + .transform(("translate(" + tX + "px, " + tY + "px)")); + + self.$el.find('.color-picker-sb-spectrum') + .css('background-color', ("hsl(" + (hsl[0]) + ", 100%, 50%)")); + + self.$el.find('.color-picker-sb-spectrum-handle') + .css('background-color', ("hsl(" + (hsl[0]) + ", " + (hsl[1] * 100) + "%, " + (hsl[2] * 100) + "%)")) + .transform(("translate(" + (specterWidth * hsb[1]) + "px, " + (specterHeight * (1 - hsb[2])) + "px)")); + }, + destroy: function destroy(self) { + if (self.destroyWheelEvents) { self.destroyWheelEvents(); } + delete self.destroyWheelEvents; + }, + }; + + var ColorPicker = /*@__PURE__*/(function (Framework7Class) { + function ColorPicker(app, params) { + if ( params === void 0 ) params = {}; + + Framework7Class.call(this, params, [app]); + var self = this; + + self.params = Utils.extend({}, app.params.colorPicker, params); + + var $containerEl; + if (self.params.containerEl) { + $containerEl = $(self.params.containerEl); + if ($containerEl.length === 0) { return self; } + } + + var $inputEl; + if (self.params.inputEl) { + $inputEl = $(self.params.inputEl); + } + + var $targetEl; + if (self.params.targetEl) { + $targetEl = $(self.params.targetEl); + } + + var view; + if ($inputEl) { + view = $inputEl.parents('.view').length && $inputEl.parents('.view')[0].f7View; + } + if (!view && $targetEl) { + view = $targetEl.parents('.view').length && $targetEl.parents('.view')[0].f7View; + } + if (!view) { view = app.views.main; } + + Utils.extend(self, { + app: app, + $containerEl: $containerEl, + containerEl: $containerEl && $containerEl[0], + inline: $containerEl && $containerEl.length > 0, + $inputEl: $inputEl, + inputEl: $inputEl && $inputEl[0], + $targetEl: $targetEl, + targetEl: $targetEl && $targetEl[0], + initialized: false, + opened: false, + url: self.params.url, + view: view, + modules: { + 'alpha-slider': moduleAlphaSlider, + 'current-color': moduleCurrentColor, + 'hex': moduleHex, // eslint-disable-line + 'hsb-sliders': moduleHsbSliders, + 'hue-slider': moduleHueSlider, + 'brightness-slider': moduleBrightnessSlider, + 'palette': modulePalette, // eslint-disable-line + 'initial-current-colors': moduleInitialCurrentColors, + 'rgb-bars': moduleRgbBars, + 'rgb-sliders': moduleRgbSliders, + 'sb-spectrum': moduleSbSpectrum, + 'hs-spectrum': moduleHsSpectrum, + 'wheel': moduleWheel, // eslint-disable-line + }, + }); + + function onInputClick() { + self.open(); + } + function onInputFocus(e) { + e.preventDefault(); + } + function onTargetClick() { + self.open(); + } + function onHtmlClick(e) { + if (self.params.openIn === 'page') { return; } + var $clickTargetEl = $(e.target); + if (!self.opened || self.closing) { return; } + if ($clickTargetEl.closest('[class*="backdrop"]').length) { return; } + if ($clickTargetEl.closest('.color-picker-popup, .color-picker-popover').length) { return; } + if ($inputEl && $inputEl.length > 0) { + if ($clickTargetEl[0] !== $inputEl[0] && $clickTargetEl.closest('.sheet-modal').length === 0) { + self.close(); + } + } else if ($(e.target).closest('.sheet-modal').length === 0) { + self.close(); + } + } + + // Events + Utils.extend(self, { + attachInputEvents: function attachInputEvents() { + self.$inputEl.on('click', onInputClick); + if (self.params.inputReadOnly) { + self.$inputEl.on('focus mousedown', onInputFocus); + } + }, + detachInputEvents: function detachInputEvents() { + self.$inputEl.off('click', onInputClick); + if (self.params.inputReadOnly) { + self.$inputEl.off('focus mousedown', onInputFocus); + } + }, + attachTargetEvents: function attachTargetEvents() { + self.$targetEl.on('click', onTargetClick); + }, + detachTargetEvents: function detachTargetEvents() { + self.$targetEl.off('click', onTargetClick); + }, + attachHtmlEvents: function attachHtmlEvents() { + app.on('click', onHtmlClick); + }, + detachHtmlEvents: function detachHtmlEvents() { + app.off('click', onHtmlClick); + }, + }); + + self.init(); + + return self; + } + + if ( Framework7Class ) ColorPicker.__proto__ = Framework7Class; + ColorPicker.prototype = Object.create( Framework7Class && Framework7Class.prototype ); + ColorPicker.prototype.constructor = ColorPicker; + + ColorPicker.prototype.attachEvents = function attachEvents () { + var self = this; + self.centerModules = self.centerModules.bind(self); + if (self.params.centerModules) { + self.app.on('resize', self.centerModules); + } + }; + + ColorPicker.prototype.detachEvents = function detachEvents () { + var self = this; + if (self.params.centerModules) { + self.app.off('resize', self.centerModules); + } + }; + + ColorPicker.prototype.centerModules = function centerModules () { + var self = this; + if (!self.opened || !self.$el || self.inline) { return; } + var $pageContentEl = self.$el.find('.page-content'); + if (!$pageContentEl.length) { return; } + var ref = $pageContentEl[0]; + var scrollHeight = ref.scrollHeight; + var offsetHeight = ref.offsetHeight; + if (scrollHeight <= offsetHeight) { + $pageContentEl.addClass('justify-content-center'); + } else { + $pageContentEl.removeClass('justify-content-center'); + } + }; + + ColorPicker.prototype.initInput = function initInput () { + var self = this; + if (!self.$inputEl) { return; } + if (self.params.inputReadOnly) { self.$inputEl.prop('readOnly', true); } + }; + + ColorPicker.prototype.getModalType = function getModalType () { + var self = this; + var app = self.app; + var modal = self.modal; + var params = self.params; + var openIn = params.openIn; + var openInPhone = params.openInPhone; + if (modal && modal.type) { return modal.type; } + if (openIn !== 'auto') { return openIn; } + if (self.inline) { return null; } + if (app.device.ios) { + return app.device.ipad ? 'popover' : openInPhone; + } + if (app.width >= 768 || (app.device.desktop && app.theme === 'aurora')) { + return 'popover'; + } + + return openInPhone; + }; + + ColorPicker.prototype.formatValue = function formatValue () { + var self = this; + var value = self.value; + if (self.params.formatValue) { + return self.params.formatValue.call(self, value); + } + return value.hex; + }; + + // eslint-disable-next-line + ColorPicker.prototype.normalizeHsValues = function normalizeHsValues (arr) { + return [ + Math.floor(arr[0] * 10) / 10, + Math.floor(arr[1] * 1000) / 1000, + Math.floor(arr[2] * 1000) / 1000 ]; + }; + + ColorPicker.prototype.setValue = function setValue (value, updateModules) { + if ( value === void 0 ) value = {}; + if ( updateModules === void 0 ) updateModules = true; + + var self = this; + if (typeof value === 'undefined') { return; } + + var ref = (self.value || {}); + var hex = ref.hex; + var rgb = ref.rgb; + var hsl = ref.hsl; + var hsb = ref.hsb; + var alpha = ref.alpha; if ( alpha === void 0 ) alpha = 1; + var hue = ref.hue; + var rgba = ref.rgba; + var hsla = ref.hsla; + + var needChangeEvent = self.value || (!self.value && !self.params.value); + var valueChanged; + Object.keys(value).forEach(function (k) { + if (!self.value || typeof self.value[k] === 'undefined') { + valueChanged = true; + return; + } + var v = value[k]; + if (Array.isArray(v)) { + v.forEach(function (subV, subIndex) { + if (subV !== self.value[k][subIndex]) { + valueChanged = true; + } + }); + } else if (v !== self.value[k]) { + valueChanged = true; + } + }); + if (!valueChanged) { return; } + + if (value.rgb || value.rgba) { + var ref$1 = (value.rgb || value.rgba); + var r = ref$1[0]; + var g = ref$1[1]; + var b = ref$1[2]; + var a = ref$1[3]; if ( a === void 0 ) a = alpha; + rgb = [r, g, b]; + hex = Utils.colorRgbToHex.apply(Utils, rgb); + hsl = Utils.colorRgbToHsl.apply(Utils, rgb); + hsb = Utils.colorHslToHsb.apply(Utils, hsl); + hsl = self.normalizeHsValues(hsl); + hsb = self.normalizeHsValues(hsb); + hue = hsb[0]; + alpha = a; + rgba = [rgb[0], rgb[1], rgb[2], a]; + hsla = [hsl[0], hsl[1], hsl[2], a]; + } + + if (value.hsl || value.hsla) { + var ref$2 = (value.hsl || value.hsla); + var h = ref$2[0]; + var s = ref$2[1]; + var l = ref$2[2]; + var a$1 = ref$2[3]; if ( a$1 === void 0 ) a$1 = alpha; + hsl = [h, s, l]; + rgb = Utils.colorHslToRgb.apply(Utils, hsl); + hex = Utils.colorRgbToHex.apply(Utils, rgb); + hsb = Utils.colorHslToHsb.apply(Utils, hsl); + hsl = self.normalizeHsValues(hsl); + hsb = self.normalizeHsValues(hsb); + hue = hsb[0]; + alpha = a$1; + rgba = [rgb[0], rgb[1], rgb[2], a$1]; + hsla = [hsl[0], hsl[1], hsl[2], a$1]; + } + + if (value.hsb) { + var ref$3 = value.hsb; + var h$1 = ref$3[0]; + var s$1 = ref$3[1]; + var b$1 = ref$3[2]; + var a$2 = ref$3[3]; if ( a$2 === void 0 ) a$2 = alpha; + hsb = [h$1, s$1, b$1]; + hsl = Utils.colorHsbToHsl.apply(Utils, hsb); + rgb = Utils.colorHslToRgb.apply(Utils, hsl); + hex = Utils.colorRgbToHex.apply(Utils, rgb); + hsl = self.normalizeHsValues(hsl); + hsb = self.normalizeHsValues(hsb); + hue = hsb[0]; + alpha = a$2; + rgba = [rgb[0], rgb[1], rgb[2], a$2]; + hsla = [hsl[0], hsl[1], hsl[2], a$2]; + } + + if (value.hex) { + rgb = Utils.colorHexToRgb(value.hex); + hex = Utils.colorRgbToHex.apply(Utils, rgb); + hsl = Utils.colorRgbToHsl.apply(Utils, rgb); + hsb = Utils.colorHslToHsb.apply(Utils, hsl); + hsl = self.normalizeHsValues(hsl); + hsb = self.normalizeHsValues(hsb); + hue = hsb[0]; + rgba = [rgb[0], rgb[1], rgb[2], alpha]; + hsla = [hsl[0], hsl[1], hsl[2], alpha]; + } + + if (typeof value.alpha !== 'undefined') { + alpha = value.alpha; + if (typeof rgb !== 'undefined') { + rgba = [rgb[0], rgb[1], rgb[2], alpha]; + } + if (typeof hsl !== 'undefined') { + hsla = [hsl[0], hsl[1], hsl[2], alpha]; + } + } + + if (typeof value.hue !== 'undefined') { + var h$2 = hsl[0]; + var s$2 = hsl[1]; + var l$1 = hsl[2]; // eslint-disable-line + hsl = [value.hue, s$2, l$1]; + hsb = Utils.colorHslToHsb.apply(Utils, hsl); + rgb = Utils.colorHslToRgb.apply(Utils, hsl); + hex = Utils.colorRgbToHex.apply(Utils, rgb); + hsl = self.normalizeHsValues(hsl); + hsb = self.normalizeHsValues(hsb); + hue = hsb[0]; + rgba = [rgb[0], rgb[1], rgb[2], alpha]; + hsla = [hsl[0], hsl[1], hsl[2], alpha]; + } + self.value = { + hex: hex, + alpha: alpha, + hue: hue, + rgb: rgb, + hsl: hsl, + hsb: hsb, + rgba: rgba, + hsla: hsla, + }; + if (!self.initialValue) { self.initialValue = Utils.extend({}, self.value); } + self.updateValue(needChangeEvent); + if (self.opened && updateModules) { + self.updateModules(); + } + }; + + ColorPicker.prototype.getValue = function getValue () { + var self = this; + return self.value; + }; + + ColorPicker.prototype.updateValue = function updateValue (fireEvents) { + if ( fireEvents === void 0 ) fireEvents = true; + + var self = this; + var $inputEl = self.$inputEl; + var value = self.value; + var $targetEl = self.$targetEl; + if ($targetEl && self.params.targetElSetBackgroundColor) { + var rgba = value.rgba; + $targetEl.css('background-color', ("rgba(" + (rgba.join(', ')) + ")")); + } + if (fireEvents) { + self.emit('local::change colorPickerChange', self, value); + } + + if ($inputEl && $inputEl.length) { + var inputValue = self.formatValue(value); + if ($inputEl && $inputEl.length) { + $inputEl.val(inputValue); + if (fireEvents) { + $inputEl.trigger('change'); + } + } + } + }; + + ColorPicker.prototype.updateModules = function updateModules () { + var self = this; + var modules = self.modules; + self.params.modules.forEach(function (m) { + if (typeof m === 'string' && modules[m] && modules[m].update) { + modules[m].update(self); + } else if (m && m.update) { + m.update(self); + } + }); + }; + + ColorPicker.prototype.update = function update () { + var self = this; + self.updateModules(); + }; + + ColorPicker.prototype.renderPicker = function renderPicker () { + var self = this; + var params = self.params; + var modules = self.modules; + var html = ''; + + params.modules.forEach(function (m) { + if (typeof m === 'string' && modules[m] && modules[m].render) { + html += modules[m].render(self); + } else if (m && m.render) { + html += m.render(self); + } + }); + + return html; + }; + + ColorPicker.prototype.renderNavbar = function renderNavbar () { + var self = this; + if (self.params.renderNavbar) { + return self.params.renderNavbar.call(self, self); + } + var ref = self.params; + var openIn = ref.openIn; + var navbarTitleText = ref.navbarTitleText; + var navbarBackLinkText = ref.navbarBackLinkText; + var navbarCloseText = ref.navbarCloseText; + return ("\n
            \n
            \n " + (openIn === 'page' ? ("\n
            \n \n \n " + navbarBackLinkText + "\n \n
            \n ") : '') + "\n
            " + navbarTitleText + "
            \n " + (openIn !== 'page' ? ("\n
            \n " + navbarCloseText + "\n
            \n ") : '') + "\n
            \n
            \n ").trim(); + }; + + ColorPicker.prototype.renderToolbar = function renderToolbar () { + var self = this; + if (self.params.renderToolbar) { + return self.params.renderToolbar.call(self, self); + } + return ("\n
            \n
            \n
            \n
            \n " + (self.params.toolbarCloseText) + "\n
            \n
            \n
            \n ").trim(); + }; + + ColorPicker.prototype.renderInline = function renderInline () { + var self = this; + var ref = self.params; + var cssClass = ref.cssClass; + var groupedModules = ref.groupedModules; + var inlineHtml = ("\n
            \n " + (self.renderPicker()) + "\n
            \n ").trim(); + + return inlineHtml; + }; + + ColorPicker.prototype.renderSheet = function renderSheet () { + var self = this; + var ref = self.params; + var cssClass = ref.cssClass; + var toolbarSheet = ref.toolbarSheet; + var groupedModules = ref.groupedModules; + var sheetHtml = ("\n
            \n " + (toolbarSheet ? self.renderToolbar() : '') + "\n
            \n
            \n " + (self.renderPicker()) + "\n
            \n
            \n
            \n ").trim(); + + return sheetHtml; + }; + + ColorPicker.prototype.renderPopover = function renderPopover () { + var self = this; + var ref = self.params; + var cssClass = ref.cssClass; + var toolbarPopover = ref.toolbarPopover; + var groupedModules = ref.groupedModules; + var popoverHtml = ("\n
            \n
            \n
            \n " + (toolbarPopover ? self.renderToolbar() : '') + "\n
            \n " + (self.renderPicker()) + "\n
            \n
            \n
            \n
            \n ").trim(); + + return popoverHtml; + }; + + ColorPicker.prototype.renderPopup = function renderPopup () { + var self = this; + var ref = self.params; + var cssClass = ref.cssClass; + var navbarPopup = ref.navbarPopup; + var groupedModules = ref.groupedModules; + var popupHtml = ("\n
            \n
            \n " + (navbarPopup ? self.renderNavbar() : '') + "\n
            \n
            \n " + (self.renderPicker()) + "\n
            \n
            \n
            \n
            \n ").trim(); + + return popupHtml; + }; + + ColorPicker.prototype.renderPage = function renderPage () { + var self = this; + var ref = self.params; + var cssClass = ref.cssClass; + var groupedModules = ref.groupedModules; + var pageHtml = ("\n
            \n " + (self.renderNavbar()) + "\n
            \n
            \n " + (self.renderPicker()) + "\n
            \n
            \n
            \n ").trim(); + return pageHtml; + }; + + // eslint-disable-next-line + ColorPicker.prototype.render = function render () { + var self = this; + var params = self.params; + if (params.render) { return params.render.call(self); } + if (self.inline) { return self.renderInline(); } + if (params.openIn === 'page') { + return self.renderPage(); + } + + var modalType = self.getModalType(); + if (modalType === 'popover') { return self.renderPopover(); } + if (modalType === 'sheet') { return self.renderSheet(); } + if (modalType === 'popup') { return self.renderPopup(); } + }; + + ColorPicker.prototype.onOpen = function onOpen () { + var self = this; + var initialized = self.initialized; + var $el = self.$el; + var app = self.app; + var $inputEl = self.$inputEl; + var inline = self.inline; + var value = self.value; + var params = self.params; + var modules = self.modules; + self.closing = false; + self.opened = true; + self.opening = true; + + // Init main events + self.attachEvents(); + + params.modules.forEach(function (m) { + if (typeof m === 'string' && modules[m] && modules[m].render) { + modules[m].init(self); + } else if (m && m.init) { + m.init(self); + } + }); + + var updateValue = !value && params.value; + + // Set value + if (!initialized) { + if (value) { self.setValue(value); } + else if (params.value) { + self.setValue(params.value, false); + } else if (!params.value) { + self.setValue({ hex: '#ff0000' }, false); + } + } else if (value) { + self.initialValue = Utils.extend({}, value); + self.setValue(value, false); + } + + // Update input value + if (updateValue) { self.updateValue(); } + self.updateModules(); + + // Center modules + if (params.centerModules) { + self.centerModules(); + } + + // Extra focus + if (!inline && $inputEl && $inputEl.length && app.theme === 'md') { + $inputEl.trigger('focus'); + } + + self.initialized = true; + + // Trigger events + if ($el) { + $el.trigger('colorpicker:open', self); + } + if ($inputEl) { + $inputEl.trigger('colorpicker:open', self); + } + self.emit('local::open colorPickerOpen', self); + }; + + ColorPicker.prototype.onOpened = function onOpened () { + var self = this; + self.opening = false; + if (self.$el) { + self.$el.trigger('colorpicker:opened', self); + } + if (self.$inputEl) { + self.$inputEl.trigger('colorpicker:opened', self); + } + self.emit('local::opened colorPickerOpened', self); + }; + + ColorPicker.prototype.onClose = function onClose () { + var self = this; + var app = self.app; + var params = self.params; + var modules = self.modules; + self.opening = false; + self.closing = true; + + // Detach events + self.detachEvents(); + + if (self.$inputEl && app.theme === 'md') { + self.$inputEl.trigger('blur'); + } + params.modules.forEach(function (m) { + if (typeof m === 'string' && modules[m] && modules[m].update) { + modules[m].destroy(self); + } else if (m && m.destroy) { + m.destroy(self); + } + }); + + if (self.$el) { + self.$el.trigger('colorpicker:close', self); + } + if (self.$inputEl) { + self.$inputEl.trigger('colorpicker:close', self); + } + self.emit('local::close colorPickerClose', self); + }; + + ColorPicker.prototype.onClosed = function onClosed () { + var self = this; + self.opened = false; + self.closing = false; + + if (!self.inline) { + Utils.nextTick(function () { + if (self.modal && self.modal.el && self.modal.destroy) { + if (!self.params.routableModals) { + self.modal.destroy(); + } + } + delete self.modal; + }); + } + if (self.$el) { + self.$el.trigger('colorpicker:closed', self); + } + if (self.$inputEl) { + self.$inputEl.trigger('colorpicker:closed', self); + } + self.emit('local::closed colorPickerClosed', self); + }; + + ColorPicker.prototype.open = function open () { + var obj; + + var self = this; + var app = self.app; + var opened = self.opened; + var inline = self.inline; + var $inputEl = self.$inputEl; + var $targetEl = self.$targetEl; + var params = self.params; + if (opened) { return; } + + if (inline) { + self.$el = $(self.render()); + self.$el[0].f7ColorPicker = self; + self.$containerEl.append(self.$el); + self.onOpen(); + self.onOpened(); + return; + } + + var colorPickerContent = self.render(); + + if (params.openIn === 'page') { + self.view.router.navigate({ + url: self.url, + route: { + content: colorPickerContent, + path: self.url, + on: { + pageBeforeIn: function pageBeforeIn(e, page) { + self.$el = page.$el.find('.color-picker'); + self.$el[0].f7ColorPicker = self; + self.onOpen(); + }, + pageAfterIn: function pageAfterIn() { + self.onOpened(); + }, + pageBeforeOut: function pageBeforeOut() { + self.onClose(); + }, + pageAfterOut: function pageAfterOut() { + self.onClosed(); + if (self.$el && self.$el[0]) { + self.$el[0].f7ColorPicker = null; + delete self.$el[0].f7ColorPicker; + } + }, + }, + }, + }); + } else { + var modalType = self.getModalType(); + var backdrop = params.backdrop; + if (backdrop === null || typeof backdrop === 'undefined') { + if (modalType === 'popover' && app.params.popover.backdrop !== false) { backdrop = true; } + if (modalType === 'popup') { backdrop = true; } + } + var modalParams = { + targetEl: ($targetEl || $inputEl), + scrollToEl: params.scrollToInput ? ($targetEl || $inputEl) : undefined, + content: colorPickerContent, + backdrop: backdrop, + closeByBackdropClick: params.closeByBackdropClick, + on: { + open: function open() { + var modal = this; + self.modal = modal; + self.$el = modalType === 'popover' || modalType === 'popup' ? modal.$el.find('.color-picker') : modal.$el; + self.$el[0].f7ColorPicker = self; + self.onOpen(); + }, + opened: function opened() { self.onOpened(); }, + close: function close() { self.onClose(); }, + closed: function closed() { + self.onClosed(); + if (self.$el && self.$el[0]) { + self.$el[0].f7ColorPicker = null; + delete self.$el[0].f7ColorPicker; + } + }, + }, + }; + if (params.routableModals) { + self.view.router.navigate({ + url: self.url, + route: ( obj = { + path: self.url + }, obj[modalType] = modalParams, obj ), + }); + } else { + self.modal = app[modalType].create(modalParams); + self.modal.open(); + } + } + }; + + ColorPicker.prototype.close = function close () { + var self = this; + var opened = self.opened; + var inline = self.inline; + if (!opened) { return; } + if (inline) { + self.onClose(); + self.onClosed(); + return; + } + if (self.params.routableModals) { + self.view.router.back(); + } else { + self.modal.close(); + } + }; + + ColorPicker.prototype.init = function init () { + var self = this; + + self.initInput(); + + if (self.inline) { + self.open(); + self.emit('local::init colorPickerInit', self); + return; + } + + if (!self.initialized && self.params.value) { + self.setValue(self.params.value); + } + + // Attach input Events + if (self.$inputEl) { + self.attachInputEvents(); + } + if (self.$targetEl) { + self.attachTargetEvents(); + } + if (self.params.closeByOutsideClick) { + self.attachHtmlEvents(); + } + self.emit('local::init colorPickerInit', self); + }; + + ColorPicker.prototype.destroy = function destroy () { + var self = this; + if (self.destroyed) { return; } + var $el = self.$el; + self.emit('local::beforeDestroy colorPickerBeforeDestroy', self); + if ($el) { $el.trigger('colorpicker:beforedestroy', self); } + + self.close(); + + // Detach Events + self.detachEvents(); + if (self.$inputEl) { + self.detachInputEvents(); + } + if (self.$targetEl) { + self.detachTargetEvents(); + } + if (self.params.closeByOutsideClick) { + self.detachHtmlEvents(); + } + + if ($el && $el.length) { delete self.$el[0].f7ColorPicker; } + Utils.deleteProps(self); + self.destroyed = true; + }; + + return ColorPicker; + }(Framework7Class)); + + var ColorPicker$1 = { + name: 'colorPicker', + static: { + ColorPicker: ColorPicker, + }, + create: function create() { + var app = this; + app.colorPicker = ConstructorMethods({ + defaultSelector: '.color-picker', + constructor: ColorPicker, + app: app, + domProp: 'f7ColorPicker', + }); + app.colorPicker.close = function close(el) { + if ( el === void 0 ) el = '.color-picker'; + + var $el = $(el); + if ($el.length === 0) { return; } + var colorPicker = $el[0].f7ColorPicker; + if (!colorPicker || (colorPicker && !colorPicker.opened)) { return; } + colorPicker.close(); + }; + }, + params: { + colorPicker: { + // Color picker settings + value: null, + modules: [ + 'wheel' ], + palette: [ + ['#FFEBEE', '#FFCDD2', '#EF9A9A', '#E57373', '#EF5350', '#F44336', '#E53935', '#D32F2F', '#C62828', '#B71C1C'], + ['#F3E5F5', '#E1BEE7', '#CE93D8', '#BA68C8', '#AB47BC', '#9C27B0', '#8E24AA', '#7B1FA2', '#6A1B9A', '#4A148C'], + ['#E8EAF6', '#C5CAE9', '#9FA8DA', '#7986CB', '#5C6BC0', '#3F51B5', '#3949AB', '#303F9F', '#283593', '#1A237E'], + ['#E1F5FE', '#B3E5FC', '#81D4FA', '#4FC3F7', '#29B6F6', '#03A9F4', '#039BE5', '#0288D1', '#0277BD', '#01579B'], + ['#E0F2F1', '#B2DFDB', '#80CBC4', '#4DB6AC', '#26A69A', '#009688', '#00897B', '#00796B', '#00695C', '#004D40'], + ['#F1F8E9', '#DCEDC8', '#C5E1A5', '#AED581', '#9CCC65', '#8BC34A', '#7CB342', '#689F38', '#558B2F', '#33691E'], + ['#FFFDE7', '#FFF9C4', '#FFF59D', '#FFF176', '#FFEE58', '#FFEB3B', '#FDD835', '#FBC02D', '#F9A825', '#F57F17'], + ['#FFF3E0', '#FFE0B2', '#FFCC80', '#FFB74D', '#FFA726', '#FF9800', '#FB8C00', '#F57C00', '#EF6C00', '#E65100'] ], + groupedModules: false, + centerModules: true, + + sliderLabel: false, + sliderValue: false, + sliderValueEdiable: false, + + barLabel: false, + barValue: false, + barValueEdiable: false, + + hexLabel: false, + hexValueEditable: false, + + redLabelText: 'R', + greenLabelText: 'G', + blueLabelText: 'B', + hueLabelText: 'H', + saturationLabelText: 'S', + brightnessLabelText: 'B', + hexLabelText: 'HEX', + alphaLabelText: 'A', + + // Common opener settings + containerEl: null, + openIn: 'popover', // or 'popover' or 'sheet' or 'popup' or 'page' or 'auto' + openInPhone: 'popup', // or 'popover' or 'sheet' or 'popup' or 'page' + formatValue: null, + targetEl: null, + targetElSetBackgroundColor: false, + inputEl: null, + inputReadOnly: true, + closeByOutsideClick: true, + scrollToInput: true, + toolbarSheet: true, + toolbarPopover: false, + toolbarCloseText: 'Done', + navbarPopup: true, + navbarCloseText: 'Done', + navbarTitleText: 'Color', + navbarBackLinkText: 'Back', + cssClass: null, + routableModals: true, + view: null, + url: 'color/', + backdrop: null, + closeByBackdropClick: true, + // Render functions + renderToolbar: null, + renderNavbar: null, + renderInline: null, + renderPopover: null, + renderSheet: null, + renderPopup: null, + render: null, + }, + }, + }; + + var Treeview = { + open: function open(itemEl) { + var app = this; + var $itemEl = $(itemEl).eq(0); + if (!$itemEl.length) { return; } + $itemEl.addClass('treeview-item-opened'); + $itemEl.trigger('treeview:open'); + app.emit('treeviewOpen', $itemEl[0]); + function done() { + $itemEl[0].f7TreeviewChildrenLoaded = true; + $itemEl.find('.treeview-toggle').removeClass('treeview-toggle-hidden'); + $itemEl.find('.treeview-preloader').remove(); + } + + if ($itemEl.hasClass('treeview-load-children') && !$itemEl[0].f7TreeviewChildrenLoaded) { + $itemEl.trigger('treeview:loadchildren', done); + app.emit('treeviewLoadChildren', $itemEl[0], done); + $itemEl.find('.treeview-toggle').addClass('treeview-toggle-hidden'); + $itemEl.find('.treeview-item-root').prepend(("
            " + (Utils[((app.theme) + "PreloaderContent")]) + "
            ")); + } + }, + close: function close(itemEl) { + var app = this; + var $itemEl = $(itemEl).eq(0); + if (!$itemEl.length) { return; } + $itemEl.removeClass('treeview-item-opened'); + $itemEl.trigger('treeview:close'); + app.emit('treeviewClose', $itemEl[0]); + }, + toggle: function toggle(itemEl) { + var app = this; + var $itemEl = $(itemEl).eq(0); + if (!$itemEl.length) { return; } + var wasOpened = $itemEl.hasClass('treeview-item-opened'); + app.treeview[wasOpened ? 'close' : 'open']($itemEl); + }, + }; + + var Treeview$1 = { + name: 'treeview', + create: function create() { + var app = this; + Utils.extend(app, { + treeview: { + open: Treeview.open.bind(app), + close: Treeview.close.bind(app), + toggle: Treeview.toggle.bind(app), + }, + }); + }, + clicks: { + '.treeview-toggle': function toggle($clickedEl, clickedData, e) { + var app = this; + if ($clickedEl.parents('.treeview-item-toggle').length) { return; } + var $treeviewItemEl = $clickedEl.parents('.treeview-item').eq(0); + if (!$treeviewItemEl.length) { return; } + e.preventF7Router = true; + app.treeview.toggle($treeviewItemEl[0]); + }, + '.treeview-item-toggle': function toggle($clickedEl, clickedData, e) { + var app = this; + var $treeviewItemEl = $clickedEl.closest('.treeview-item').eq(0); + if (!$treeviewItemEl.length) { return; } + e.preventF7Router = true; + app.treeview.toggle($treeviewItemEl[0]); + }, + }, + }; + + var ViAd = /*@__PURE__*/(function (Framework7Class) { function ViAd(app, params) { if ( params === void 0 ) params = {}; - Framework7Class$$1.call(this, params, [app]); + Framework7Class.call(this, params, [app]); var vi = this; if (!win.vi) { throw new Error('Framework7: vi SDK not found.'); @@ -35619,8 +39333,8 @@ }); } - if ( Framework7Class$$1 ) ViAd.__proto__ = Framework7Class$$1; - ViAd.prototype = Object.create( Framework7Class$$1 && Framework7Class$$1.prototype ); + if ( Framework7Class ) ViAd.__proto__ = Framework7Class; + ViAd.prototype = Object.create( Framework7Class && Framework7Class.prototype ); ViAd.prototype.constructor = ViAd; ViAd.prototype.start = function start () { @@ -35758,7 +39472,7 @@ RequestModule, TouchModule, ClicksModule, - Router$1, + RouterModule, HistoryModule, StorageModule, ComponentModule, @@ -35770,6 +39484,7 @@ Subnavbar, TouchRipple$1, Modal$1, + Appbar, Dialog$1, Popup$1, LoginScreen$1, @@ -35817,6 +39532,8 @@ Gauge$1, Skeleton, Menu$1, + ColorPicker$1, + Treeview$1, Vi, Elevation, Typography diff --git a/framework7/js/framework7.bundle.min.js b/framework7/js/framework7.bundle.min.js index 556486c..c5e96d6 100644 --- a/framework7/js/framework7.bundle.min.js +++ b/framework7/js/framework7.bundle.min.js @@ -1,5 +1,5 @@ /** - * Framework7 4.0.5 + * Framework7 4.4.7 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,8 +7,8 @@ * * Released under the MIT License * - * Released on: February 14, 2019 + * Released on: July 19, 2019 */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Framework7=t()}(this,function(){"use strict";var t7ctx;t7ctx="undefined"!=typeof window?window:"undefined"!=typeof global?global:void 0;var Template7Context=t7ctx,Template7Utils={quoteSingleRexExp:new RegExp("'","g"),quoteDoubleRexExp:new RegExp('"',"g"),isFunction:function(e){return"function"==typeof e},escape:function(e){return void 0===e&&(e=""),e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},helperToSlices:function(e){var t,a,r,n=Template7Utils.quoteDoubleRexExp,i=Template7Utils.quoteSingleRexExp,s=e.replace(/[{}#}]/g,"").trim().split(" "),o=[];for(a=0;a=0){t=r,o.push(l);break}t&&(a=t)}else if(l.indexOf("=")>0){var d=l.split("="),u=d[0],h=d[1];if(p||(p=0===h.indexOf('"')?n:i,c=0===h.indexOf('"')?'"':"'"),2!==h.match(p).length){for(t=0,r=a+1;r=0){t=r;break}t&&(a=t)}var f=[u,h.replace(p,"")];o.push(f)}else o.push(l)}return o},stringToBlocks:function(e){var t,a,r=[];if(!e)return[];var n=e.split(/({{[^{^}]*}})/);for(t=0;t=0)continue;if((i=i.replace(/{{([#\/])*([ ])*/,"{{$1").replace(/([ ])*}}/,"}}")).indexOf("{#")<0&&i.indexOf(" ")<0&&i.indexOf("else")<0){r.push({type:"variable",contextName:i.replace(/[{}]/g,"")});continue}var s=Template7Utils.helperToSlices(i),o=s[0],l=">"===o,p=[],c={};for(a=1;a=0){var u="",h="",f=0,v=void 0,m=!1,g=!1,b=0;for(a=t+1;a=0&&(b+=1),n[a].indexOf("{{/")>=0&&(b-=1),n[a].indexOf("{{#"+o)>=0)u+=n[a],g&&(h+=n[a]),f+=1;else if(n[a].indexOf("{{/"+o)>=0){if(!(f>0)){v=a,m=!0;break}f-=1,u+=n[a],g&&(h+=n[a])}else n[a].indexOf("else")>=0&&0===b?g=!0:(g||(u+=n[a]),g&&(h+=n[a]));m&&(v&&(t=v),"raw"===o?r.push({type:"plain",content:u}):r.push({type:"helper",helperName:o,contextName:p,content:u,inverseContent:h,hash:c}))}else i.indexOf(" ")>0&&(l&&(o="_partial",p[0]&&(0===p[0].indexOf("[")?p[0]=p[0].replace(/[[\]]/g,""):p[0]='"'+p[0].replace(/"|'/g,"")+'"')),r.push({type:"helper",helperName:o,contextName:p,hash:c}))}}return r},parseJsVariable:function(e,t,a){return e.split(/([+ \-*\/^()&=|<>!%:?])/g).reduce(function(e,r){if(!r)return e;if(r.indexOf(t)<0)return e.push(r),e;if(!a)return e.push(JSON.stringify("")),e;var n=a;return r.indexOf(t+".")>=0&&r.split(t+".")[1].split(".").forEach(function(e){n=e in n?n[e]:void 0}),"string"==typeof n&&(n=JSON.stringify(n)),void 0===n&&(n="undefined"),e.push(n),e},[]).join("")},parseJsParents:function(e,t){return e.split(/([+ \-*^()&=|<>!%:?])/g).reduce(function(e,a){if(!a)return e;if(a.indexOf("../")<0)return e.push(a),e;if(!t||0===t.length)return e.push(JSON.stringify("")),e;var r=a.split("../").length-1,n=r>t.length?t[t.length-1]:t[r-1];return a.replace(/..\//g,"").split(".").forEach(function(e){n=void 0!==n[e]?n[e]:"undefined"}),!1===n||!0===n?(e.push(JSON.stringify(n)),e):null===n||"undefined"===n?(e.push(JSON.stringify("")),e):(e.push(JSON.stringify(n)),e)},[]).join("")},getCompileVar:function(e,t,a){void 0===a&&(a="data_1");var r,n,i=t,s=0;0===e.indexOf("../")?(s=e.split("../").length-1,n=i.split("_")[1]-s,i="ctx_"+(n>=1?n:1),r=e.split("../")[s].split(".")):0===e.indexOf("@global")?(i="Template7.global",r=e.split("@global.")[1].split(".")):0===e.indexOf("@root")?(i="root",r=e.split("@root.")[1].split(".")):r=e.split(".");for(var o=0;o0&&(p=n),o>0?i+="[(data_"+p+" && data_"+p+"."+l.replace("@","")+")]":i="(data_"+p+" && data_"+p+"."+l.replace("@","")+")"}else(Number.isFinite?Number.isFinite(l):Template7Context.isFinite(l))?i+="["+l+"]":"this"===l||l.indexOf("this.")>=0||l.indexOf("this[")>=0||l.indexOf("this(")>=0?i=l.replace("this",t):i+="."+l}return i},getCompiledArguments:function(e,t,a){for(var r=[],n=0;n0?r:t.inverse(this)},with:function(e,t){var a=e;return Template7Utils.isFunction(a)&&(a=e.call(this)),t.fn(a)},join:function(e,t){var a=e;return Template7Utils.isFunction(a)&&(a=a.call(this)),a.join(t.hash.delimiter||t.hash.delimeter)},js:function js(expression,options){var data=options.data,func,execute=expression;return"index first last key".split(" ").forEach(function(e){if(void 0!==data[e]){var t=new RegExp("this.@"+e,"g"),a=new RegExp("@"+e,"g");execute=execute.replace(t,JSON.stringify(data[e])).replace(a,JSON.stringify(data[e]))}}),options.root&&execute.indexOf("@root")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@root",options.root)),execute.indexOf("@global")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@global",Template7Context.Template7.global)),execute.indexOf("../")>=0&&(execute=Template7Utils.parseJsParents(execute,options.parents)),func=execute.indexOf("return")>=0?"(function(){"+execute+"})":"(function(){return ("+execute+")})",eval(func).call(this)},js_if:function js_if(expression,options){var data=options.data,func,execute=expression;"index first last key".split(" ").forEach(function(e){if(void 0!==data[e]){var t=new RegExp("this.@"+e,"g"),a=new RegExp("@"+e,"g");execute=execute.replace(t,JSON.stringify(data[e])).replace(a,JSON.stringify(data[e]))}}),options.root&&execute.indexOf("@root")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@root",options.root)),execute.indexOf("@global")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@global",Template7Context.Template7.global)),execute.indexOf("../")>=0&&(execute=Template7Utils.parseJsParents(execute,options.parents)),func=execute.indexOf("return")>=0?"(function(){"+execute+"})":"(function(){return ("+execute+")})";var condition=eval(func).call(this);return condition?options.fn(this,options.data):options.inverse(this,options.data)}};Template7Helpers.js_compare=Template7Helpers.js_if;var Template7Options={},Template7Partials={},Template7Class=function(e){this.template=e},staticAccessors={options:{configurable:!0},partials:{configurable:!0},helpers:{configurable:!0}};function Template7(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a=e[0],r=e[1];if(2===e.length){var n=new Template7Class(a),i=n.compile()(r);return n=null,i}return new Template7Class(a)}Template7Class.prototype.compile=function compile(template,depth){void 0===template&&(template=this.template),void 0===depth&&(depth=1);var t=this;if(t.compiled)return t.compiled;if("string"!=typeof template)throw new Error("Template7: Template must be a string");var stringToBlocks=Template7Utils.stringToBlocks,getCompileVar=Template7Utils.getCompileVar,getCompiledArguments=Template7Utils.getCompiledArguments,blocks=stringToBlocks(template),ctx="ctx_"+depth,data="data_"+depth;if(0===blocks.length)return function(){return""};function getCompileFn(e,a){return e.content?t.compile(e.content,a):function(){return""}}function getCompileInverse(e,a){return e.inverseContent?t.compile(e.inverseContent,a):function(){return""}}var resultString="",i;for(resultString+=1===depth?"(function ("+ctx+", "+data+", root) {\n":"(function ("+ctx+", "+data+") {\n",1===depth&&(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",i=0;i=1;j-=1)parentsString+=", ctx_"+j;parents="["+parentsString+"]"}else parents="["+ctx+"]";var dynamicHelper=void 0;if(0===block.helperName.indexOf("[")&&(block.helperName=getCompileVar(block.helperName.replace(/[[\]]/g,""),ctx,data),dynamicHelper=!0),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+'"');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+="}}"}}}else resultString+="r +='"+block.content.replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/'/g,"\\'")+"';"}return resultString+="\nreturn r;})",1===depth?(t.compiled=eval(resultString),t.compiled):resultString},staticAccessors.options.get=function(){return Template7Options},staticAccessors.partials.get=function(){return Template7Partials},staticAccessors.helpers.get=function(){return Template7Helpers},Object.defineProperties(Template7Class,staticAccessors),Template7.registerHelper=function(e,t){Template7Class.helpers[e]=t},Template7.unregisterHelper=function(e){Template7Class.helpers[e]=void 0,delete Template7Class.helpers[e]},Template7.registerPartial=function(e,t){Template7Class.partials[e]={template:t}},Template7.unregisterPartial=function(e){Template7Class.partials[e]&&(Template7Class.partials[e]=void 0,delete Template7Class.partials[e])},Template7.compile=function(e,t){return new Template7Class(e,t).compile()},Template7.options=Template7Class.options,Template7.helpers=Template7Class.helpers,Template7.partials=Template7Class.partials;var doc="undefined"==typeof document?{body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},location:{hash:""}}:document,win="undefined"==typeof window?{document:doc,navigator:{userAgent:""},location:{},history:{},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){}}:window,Dom7=function(e){for(var t=0;t=0&&s.indexOf(">")>=0){var o="div";for(0===s.indexOf(":~]/)?(t||doc).querySelectorAll(e.trim()):[doc.getElementById(e.trim().split("#")[1])],r=0;r0&&e[0].nodeType)for(r=0;r=0&&(t[toCamelCase(n.name.split("data-")[1])]=n.value)}for(var i in t)"false"===t[i]?t[i]=!1:"true"===t[i]?t[i]=!0:parseFloat(t[i])===1*t[i]&&(t[i]*=1);return t}}function val(e){if(void 0!==e){for(var t=0;t=0;else a.value=e}return this}if(this[0]){if(this[0].multiple&&"select"===this[0].nodeName.toLowerCase()){for(var n=[],i=0;i=0;h-=1){var f=u[h];i&&f.listener===i?(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1)):i&&f.listener&&f.listener.dom7proxy&&f.listener.dom7proxy===i?(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1)):i||(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1))}}return this}function once(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];var r=this,n=t[0],i=t[1],s=t[2],o=t[3];function l(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];s.apply(this,e),r.off(n,i,l,o),l.dom7proxy&&delete l.dom7proxy}return"function"==typeof t[1]&&(n=(e=t)[0],s=e[1],o=e[2],i=void 0),l.dom7proxy=s,r.on(n,i,l,o)}function trigger(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];for(var a=e[0].split(" "),r=e[1],n=0;n0}),o.dispatchEvent(l),o.dom7EventData=[],delete o.dom7EventData}return this}function transitionEnd(e){var t,a=["webkitTransitionEnd","transitionend"],r=this;function n(i){if(i.target===this)for(e.call(this,i),t=0;t0?parseFloat(this.css("width")):null}function outerWidth(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetWidth+parseFloat(t.getPropertyValue("margin-right"))+parseFloat(t.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null}function height(){return this[0]===win?win.innerHeight:this.length>0?parseFloat(this.css("height")):null}function outerHeight(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetHeight+parseFloat(t.getPropertyValue("margin-top"))+parseFloat(t.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null}function offset(){if(this.length>0){var e=this[0],t=e.getBoundingClientRect(),a=doc.body,r=e.clientTop||a.clientTop||0,n=e.clientLeft||a.clientLeft||0,i=e===win?win.scrollY:e.scrollTop,s=e===win?win.scrollX:e.scrollLeft;return{top:t.top+i-r,left:t.left+s-n}}return null}function hide(){for(var e=0;ea-1?[]:e<0?(t=a+e)<0?[]:[this[t]]:[this[e]])}function append(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];for(var r=0;r=0;a-=1)this[t].insertBefore(r.childNodes[a],this[t].childNodes[0])}else if(e instanceof Dom7)for(a=0;a1)for(var r=0;r1)for(var r=0;r0?e?this[0].nextElementSibling&&$(this[0].nextElementSibling).is(e)?new Dom7([this[0].nextElementSibling]):new Dom7([]):this[0].nextElementSibling?new Dom7([this[0].nextElementSibling]):new Dom7([]):new Dom7([])}function nextAll(e){var t=[],a=this[0];if(!a)return new Dom7([]);for(;a.nextElementSibling;){var r=a.nextElementSibling;e?$(r).is(e)&&t.push(r):t.push(r),a=r}return new Dom7(t)}function prev(e){if(this.length>0){var t=this[0];return e?t.previousElementSibling&&$(t.previousElementSibling).is(e)?new Dom7([t.previousElementSibling]):new Dom7([]):t.previousElementSibling?new Dom7([t.previousElementSibling]):new Dom7([])}return new Dom7([])}function prevAll(e){var t=[],a=this[0];if(!a)return new Dom7([]);for(;a.previousElementSibling;){var r=a.previousElementSibling;e?$(r).is(e)&&t.push(r):t.push(r),a=r}return new Dom7(t)}function siblings(e){return this.nextAll(e).add(this.prevAll(e))}function parent(e){for(var t=[],a=0;a0||0===n,v=r>0||0===r;if(void 0===s&&(s="swing"),f&&(e=h.scrollTop,i||(h.scrollTop=n)),v&&(t=h.scrollLeft,i||(h.scrollLeft=r)),i){f&&(a=h.scrollHeight-h.offsetHeight,p=Math.max(Math.min(n,a),0)),v&&(l=h.scrollWidth-h.offsetWidth,c=Math.max(Math.min(r,l),0));var m=null;f&&p===e&&(f=!1),v&&c===t&&(v=!1),requestAnimationFrame(function a(r){void 0===r&&(r=(new Date).getTime()),null===m&&(m=r);var n,l=Math.max(Math.min((r-m)/i,1),0),g="linear"===s?l:.5-Math.cos(l*Math.PI)/2;f&&(d=e+g*(p-e)),v&&(u=t+g*(c-t)),f&&p>e&&d>=p&&(h.scrollTop=p,n=!0),f&&pt&&u>=c&&(h.scrollLeft=c,n=!0),v&&c0?this[0].scrollTop:null:this.scrollTo(void 0,r,n,i,s)}function scrollLeft(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];var r=t[0],n=t[1],i=t[2],s=t[3];3===t.length&&"function"==typeof i&&(r=(e=t)[0],n=e[1],s=e[2],i=e[3]);return void 0===r?this.length>0?this[0].scrollLeft:null:this.scrollTo(r,void 0,n,i,s)}var Scroll=Object.freeze({scrollTo:scrollTo,scrollTop:scrollTop,scrollLeft:scrollLeft});function animate(e,t){var a,r=this,n={props:Object.assign({},e),params:Object.assign({duration:300,easing:"swing"},t),elements:r,animating:!1,que:[],easingProgress:function(e,t){return"swing"===e?.5-Math.cos(t*Math.PI)/2:"function"==typeof e?e(t):t},stop:function(){n.frameId&&cancelAnimationFrame(n.frameId),n.animating=!1,n.elements.each(function(e,t){delete t.dom7AnimateInstance}),n.que=[]},done:function(e){if(n.animating=!1,n.elements.each(function(e,t){delete t.dom7AnimateInstance}),e&&e(r),n.que.length>0){var t=n.que.shift();n.animate(t[0],t[1])}},animate:function(e,t){if(n.animating)return n.que.push([e,t]),n;var a=[];n.elements.each(function(t,r){var i,s,o,l,p;r.dom7AnimateInstance||(n.elements[t].dom7AnimateInstance=n),a[t]={container:r},Object.keys(e).forEach(function(n){i=win.getComputedStyle(r,null).getPropertyValue(n).replace(",","."),s=parseFloat(i),o=i.replace(s,""),l=parseFloat(e[n]),p=e[n]+o,a[t][n]={initialFullValue:i,initialValue:s,unit:o,finalValue:l,finalFullValue:p,currentValue:s}})});var i,s,o=null,l=0,p=0,c=!1;return n.animating=!0,n.frameId=requestAnimationFrame(function d(){var u,h;i=(new Date).getTime(),c||(c=!0,t.begin&&t.begin(r)),null===o&&(o=i),t.progress&&t.progress(r,Math.max(Math.min((i-o)/t.duration,1),0),o+t.duration-i<0?0:o+t.duration-i,o),a.forEach(function(r){var c=r;s||c.done||Object.keys(e).forEach(function(r){if(!s&&!c.done){u=Math.max(Math.min((i-o)/t.duration,1),0),h=n.easingProgress(t.easing,u);var d=c[r],f=d.initialValue,v=d.finalValue,m=d.unit;c[r].currentValue=f+h*(v-f);var g=c[r].currentValue;(v>f&&g>=v||v0;)a[r]=arguments[r+1];if(void 0===a[0]){for(var n=0;n0?a=s:t=s}while(Math.abs(i)>SUBDIVISION_PRECISION&&++o=NEWTON_MIN_SLOPE?newtonRaphsonIterate(t,o,e,a):0===l?o:binarySubdivide(t,r,r+kSampleStepSize,e,a)}(i),t,r)}}for(var defaultDiacriticsRemovalap=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"OE",letters:"ŒŒ"},{base:"oe",letters:"œœ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],diacriticsMap={},i=0;i\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(e){var t;return e.split("").map(function(e,a){return e.match(/[A-Z]/)&&0!==a&&!t?(t=!0,":"+e.toLowerCase()):e.toLowerCase()}).join("")},deleteProps:function(e){var t=e;Object.keys(t).forEach(function(e){try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}})},bezier:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return bezier.apply(void 0,e)},nextTick:function(e,t){return void 0===t&&(t=0),setTimeout(e,t)},nextFrame:function(e){return Utils.requestAnimationFrame(function(){Utils.requestAnimationFrame(e)})},now:function(){return Date.now()},requestAnimationFrame:function(e){return win.requestAnimationFrame(e)},cancelAnimationFrame:function(e){return win.cancelAnimationFrame(e)},removeDiacritics:function(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return diacriticsMap[e]||e})},parseUrlQuery:function(e){var t,a,r,n,i={},s=e||win.location.href;if("string"==typeof s&&s.length)for(n=(a=(s=s.indexOf("?")>-1?s.replace(/\S*\?/,""):"").split("&").filter(function(e){return""!==e})).length,t=0;t6&&(r=r.split(", ").map(function(e){return e.replace(",",".")}).join(", ")),n=new win.WebKitCSSMatrix("none"===r?"":r)):a=(n=i.MozTransform||i.OTransform||i.MsTransform||i.msTransform||i.transform||i.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,")).toString().split(","),"x"===t&&(r=win.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(r=win.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),r||0},serializeObject:function(e,t){if(void 0===t&&(t=[]),"string"==typeof e)return e;var a,r=[];function n(e){if(t.length>0){for(var a="",r=0;r=0||t.indexOf("Trident/")>=0,u=t.indexOf("Edge/")>=0,h=t.indexOf("Gecko/")>=0&&t.indexOf("Firefox/")>=0,f="MacIntel"===e,v="Win32"===e;if(a.ie=d,a.edge=u,a.firefox=h,i&&(a.os="windows",a.osVersion=i[2],a.windowsPhone=!0),s&&!v&&(a.os="android",a.osVersion=s[2],a.android=!0,a.androidChrome=t.toLowerCase().indexOf("chrome")>=0),(o||p||l)&&(a.os="ios",a.ios=!0),p&&!l&&(a.osVersion=p[2].replace(/_/g,"."),a.iphone=!0,a.iphoneX=c),o&&(a.osVersion=o[2].replace(/_/g,"."),a.ipad=!0),l&&(a.osVersion=l[3]?l[3].replace(/_/g,"."):null,a.iphone=!0),a.ios&&a.osVersion&&t.indexOf("Version/")>=0&&"10"===a.osVersion.split(".")[0]&&(a.osVersion=t.toLowerCase().split("version/")[1].split(" ")[0]),a.webView=!(!(p||o||l)||!t.match(/.*AppleWebKit(?!.*Safari)/i)&&!win.navigator.standalone)||win.matchMedia&&win.matchMedia("(display-mode: standalone)").matches,a.webview=a.webView,a.standalone=a.webView,a.desktop=!(a.os||a.android||a.webView),a.desktop&&(a.macos=f,a.windows=v),a.os&&"ios"===a.os){var m=a.osVersion.split("."),g=doc.querySelector('meta[name="viewport"]');a.minimalUi=!a.webView&&(l||p)&&(1*m[0]==7?1*m[1]>=1:1*m[0]>7)&&g&&g.getAttribute("content").indexOf("minimal-ui")>=0}var b=doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');return a.needsStatusbarOverlay=function(){return!!(a.standalone&&a.ios&&b&&"black-translucent"===b.content)||!(!(a.webView||a.android&&a.cordova)||win.innerWidth*win.innerHeight!=win.screen.width*win.screen.height)&&(!a.iphoneX||90!==win.orientation&&-90!==win.orientation)},a.statusbar=a.needsStatusbarOverlay(),a.pixelRatio=win.devicePixelRatio||1,a}(),EventsClass=function(e){void 0===e&&(e=[]);this.eventsParents=e,this.eventsListeners={}};EventsClass.prototype.on=function(e,t,a){var r=this;if("function"!=typeof t)return r;var n=a?"unshift":"push";return e.split(" ").forEach(function(e){r.eventsListeners[e]||(r.eventsListeners[e]=[]),r.eventsListeners[e][n](t)}),r},EventsClass.prototype.once=function(e,t,a){var r=this;if("function"!=typeof t)return r;function n(){for(var a=[],i=arguments.length;i--;)a[i]=arguments[i];t.apply(r,a),r.off(e,n),n.f7proxy&&delete n.f7proxy}return n.f7proxy=t,r.on(e,n,a)},EventsClass.prototype.off=function(e,t){var a=this;return a.eventsListeners?(e.split(" ").forEach(function(e){void 0===t?a.eventsListeners[e]=[]:a.eventsListeners[e]&&a.eventsListeners[e].forEach(function(r,n){(r===t||r.f7proxy&&r.f7proxy===t)&&a.eventsListeners[e].splice(n,1)})}),a):a},EventsClass.prototype.emit=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a,r,n,i,s=this;if(!s.eventsListeners)return s;"string"==typeof e[0]||Array.isArray(e[0])?(a=e[0],r=e.slice(1,e.length),n=s,i=s.eventsParents):(a=e[0].events,r=e[0].data,n=e[0].context||s,i=e[0].local?[]:e[0].parents||s.eventsParents);var o=Array.isArray(a)?a:a.split(" "),l=o.map(function(e){return e.replace("local::","")}),p=o.filter(function(e){return e.indexOf("local::")<0});return l.forEach(function(e){if(s.eventsListeners&&s.eventsListeners[e]){var t=[];s.eventsListeners[e].forEach(function(e){t.push(e)}),t.forEach(function(e){e.apply(n,r)})}}),i&&i.length>0&&i.forEach(function(e){e.emit.apply(e,[p].concat(r))}),s};var Framework7Class=function(e){function t(t,a){void 0===t&&(t={}),void 0===a&&(a=[]),e.call(this,a);var r=this;r.params=t,r.params&&r.params.on&&Object.keys(r.params.on).forEach(function(e){r.on(e,r.params.on[e])})}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var a={components:{configurable:!0}};return t.prototype.useModuleParams=function(e,t){if(e.params){var a={};Object.keys(e.params).forEach(function(e){void 0!==t[e]&&(a[e]=Utils.extend({},t[e]))}),Utils.extend(t,e.params),Object.keys(a).forEach(function(e){Utils.extend(t[e],a[e])})}},t.prototype.useModulesParams=function(e){var t=this;t.modules&&Object.keys(t.modules).forEach(function(a){var r=t.modules[a];r.params&&Utils.extend(e,r.params)})},t.prototype.useModule=function(e,t){void 0===e&&(e=""),void 0===t&&(t={});var a=this;if(a.modules){var r="string"==typeof e?a.modules[e]:e;r&&(r.instance&&Object.keys(r.instance).forEach(function(e){var t=r.instance[e];a[e]="function"==typeof t?t.bind(a):t}),r.on&&a.on&&Object.keys(r.on).forEach(function(e){a.on(e,r.on[e])}),r.vnode&&(a.vnodeHooks||(a.vnodeHooks={}),Object.keys(r.vnode).forEach(function(e){Object.keys(r.vnode[e]).forEach(function(t){var n=r.vnode[e][t];a.vnodeHooks[t]||(a.vnodeHooks[t]={}),a.vnodeHooks[t][e]||(a.vnodeHooks[t][e]=[]),a.vnodeHooks[t][e].push(n.bind(a))})})),r.create&&r.create.bind(a)(t))}},t.prototype.useModules=function(e){void 0===e&&(e={});var t=this;t.modules&&Object.keys(t.modules).forEach(function(a){var r=e[a]||{};t.useModule(a,r)})},a.components.set=function(e){this.use&&this.use(e)},t.installModule=function(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=this;r.prototype.modules||(r.prototype.modules={});var n=e.name||Object.keys(r.prototype.modules).length+"_"+Utils.now();return r.prototype.modules[n]=e,e.proto&&Object.keys(e.proto).forEach(function(t){r.prototype[t]=e.proto[t]}),e.static&&Object.keys(e.static).forEach(function(t){r[t]=e.static[t]}),e.install&&e.install.apply(r,t),r},t.use=function(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=this;return Array.isArray(e)?(e.forEach(function(e){return r.installModule(e)}),r):r.installModule.apply(r,[e].concat(t))},Object.defineProperties(t,a),t}(EventsClass);function ConstructorMethods(e){void 0===e&&(e={});var t=e.defaultSelector,a=e.constructor,r=e.domProp,n=e.app,i=e.addMethods,s={create:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return n?new(Function.prototype.bind.apply(a,[null].concat([n],e))):new(Function.prototype.bind.apply(a,[null].concat(e)))},get:function(e){if(void 0===e&&(e=t),e instanceof a)return e;var n=$(e);return 0!==n.length?n[0][r]:void 0},destroy:function(e){var t=s.get(e);if(t&&t.destroy)return t.destroy()}};return i&&Array.isArray(i)&&i.forEach(function(e){s[e]=function(a){void 0===a&&(a=t);for(var r=[],n=arguments.length-1;n-- >0;)r[n]=arguments[n+1];var i=s.get(a);if(i&&i[e])return i[e].apply(i,r)}}),s}function ModalMethods(e){void 0===e&&(e={});var t=e.defaultSelector,a=e.constructor,r=e.app;return Utils.extend(ConstructorMethods({defaultSelector:t,constructor:a,app:r,domProp:"f7Modal"}),{open:function(e,t){var n=$(e),i=n[0].f7Modal;return i||(i=new a(r,{el:n})),i.open(t)},close:function(e,n){void 0===e&&(e=t);var i=$(e);if(0!==i.length){var s=i[0].f7Modal;return s||(s=new a(r,{el:i})),s.close(n)}}})}var fetchedModules=[];function loadModule(e){var t=this;return new Promise(function(a,r){var n,i,s,o=t.instance;if(e){if("string"==typeof e){var l=e.match(/([a-z0-9-]*)/i);if(e.indexOf(".")<0&&l&&l[0].length===e.length){if(!o||o&&!o.params.lazyModulesPath)return void r(new Error('Framework7: "lazyModulesPath" app parameter must be specified to fetch module by name'));n=o.params.lazyModulesPath+"/"+e+".js"}else n=e}else"function"==typeof e?s=e:i=e;if(s){var p=s(t,!1);if(!p)return void r(new Error("Framework7: Can't find Framework7 component in specified component function"));if(t.prototype.modules&&t.prototype.modules[p.name])return void a();h(p),a()}if(i){var c=i;if(!c)return void r(new Error("Framework7: Can't find Framework7 component in specified component"));if(t.prototype.modules&&t.prototype.modules[c.name])return void a();h(c),a()}if(n){if(fetchedModules.indexOf(n)>=0)return void a();fetchedModules.push(n);var d=new Promise(function(e,a){t.request.get(n,function(r){var i="f7_component_loader_callback_"+Utils.id(),s=document.createElement("script");s.innerHTML="window."+i+" = function (Framework7, Framework7AutoInstallComponent) {return "+r.trim()+"}",$("head").append(s);var o=window[i];delete window[i],$(s).remove();var l=o(t,!1);l?t.prototype.modules&&t.prototype.modules[l.name]?e():(h(l),e()):a(new Error("Framework7: Can't find Framework7 component in "+n+" file"))},function(e,t){a(e,t)})}),u=new Promise(function(e){t.request.get(n.replace(".js",o.rtl?".rtl.css":".css"),function(t){var a=document.createElement("style");a.innerHTML=t,$("head").append(a),e()},function(){e()})});Promise.all([d,u]).then(function(){a()}).catch(function(e){r(e)})}}else r(new Error("Framework7: Lazy module must be specified"));function h(e){t.use(e),o&&(o.useModuleParams(e,o.params),o.useModule(e))}})}var Framework7=function(e){function t(a){if(e.call(this,a),t.instance)throw new Error("Framework7 is already initialized and can't be initialized more than once");var r=Utils.extend({},a),n=this;t.instance=n;var i={version:"1.0.0",id:"io.framework7.testapp",root:"body",theme:"auto",language:win.navigator.language,routes:[],name:"Framework7",lazyModulesPath:null,initOnDeviceReady:!0,init:!0};n.useModulesParams(i),n.params=Utils.extend(i,a);var s=$(n.params.root);return Utils.extend(n,{id:n.params.id,name:n.params.name,version:n.params.version,routes:n.params.routes,language:n.params.language,root:s,rtl:"rtl"===s.css("direction"),theme:"auto"===n.params.theme?Device.ios?"ios":"md":n.params.theme,passedParams:r}),n.root&&n.root[0]&&(n.root[0].f7=n),n.useModules(),n.initData(),n.params.init&&(Device.cordova&&n.params.initOnDeviceReady?$(doc).on("deviceready",function(){n.init()}):n.init()),n}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var a={$:{configurable:!0},t7:{configurable:!0}},r={Dom7:{configurable:!0},$:{configurable:!0},Template7:{configurable:!0},Class:{configurable:!0},Events:{configurable:!0}};return t.prototype.initData=function(){var e=this;e.data={},e.params.data&&"function"==typeof e.params.data?Utils.extend(e.data,e.params.data.bind(e)()):e.params.data&&Utils.extend(e.data,e.params.data),e.methods={},e.params.methods&&Object.keys(e.params.methods).forEach(function(t){"function"==typeof e.params.methods[t]?e.methods[t]=e.params.methods[t].bind(e):e.methods[t]=e.params.methods[t]})},t.prototype.init=function(){var e=this;return e.initialized?e:(e.root.addClass("framework7-initializing"),e.rtl&&$("html").attr("dir","rtl"),e.root.addClass("framework7-root"),$("html").removeClass("ios md").addClass(e.theme),Utils.nextFrame(function(){e.root.removeClass("framework7-initializing")}),e.initialized=!0,e.emit("init"),e)},t.prototype.loadModule=function(){for(var e=[],a=arguments.length;a--;)e[a]=arguments[a];return t.loadModule.apply(t,e)},t.prototype.loadModules=function(){for(var e=[],a=arguments.length;a--;)e[a]=arguments[a];return t.loadModules.apply(t,e)},t.prototype.getVnodeHooks=function(e,t){return this.vnodeHooks&&this.vnodeHooks[e]&&this.vnodeHooks[e][t]||[]},a.$.get=function(){return $},a.t7.get=function(){return Template7},r.Dom7.get=function(){return $},r.$.get=function(){return $},r.Template7.get=function(){return Template7},r.Class.get=function(){return e},r.Events.get=function(){return EventsClass},Object.defineProperties(t.prototype,a),Object.defineProperties(t,r),t}(Framework7Class);Framework7.ModalMethods=ModalMethods,Framework7.ConstructorMethods=ConstructorMethods,Framework7.loadModule=loadModule,Framework7.loadModules=function(e){return Promise.all(e.map(function(e){return Framework7.loadModule(e)}))};var DeviceModule={name:"device",proto:{device:Device},static:{device:Device},on:{init:function(){var e=[],t=doc.querySelector("html"),a=doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');if(t){if(Device.standalone&&Device.ios&&a&&"black-translucent"===a.content&&e.push("device-full-viewport"),e.push("device-pixel-ratio-"+Math.floor(Device.pixelRatio)),Device.pixelRatio>=2&&e.push("device-retina"),Device.os){if(e.push("device-"+Device.os,"device-"+Device.os+"-"+Device.osVersion.split(".")[0],"device-"+Device.os+"-"+Device.osVersion.replace(/\./g,"-")),"ios"===Device.os){for(var r=parseInt(Device.osVersion.split(".")[0],10)-1;r>=6;r-=1)e.push("device-ios-gt-"+r);Device.iphoneX&&e.push("device-iphone-x")}}else Device.desktop&&(e.push("device-desktop"),Device.macos?e.push("device-macos"):Device.windows&&e.push("device-windows"));(Device.cordova||Device.phonegap)&&e.push("device-cordova"),e.forEach(function(e){t.classList.add(e)})}}}},Support=(testDiv=doc.createElement("div"),{touch:!!(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:(style=testDiv.style,"transition"in style||"webkitTransition"in style||"MozTransition"in style),transforms3d:win.Modernizr&&!0===win.Modernizr.csstransforms3d||function(){var e=testDiv.style;return"webkitPerspective"in e||"MozPerspective"in e||"OPerspective"in e||"MsPerspective"in e||"perspective"in e}(),flexbox:function(){for(var e=doc.createElement("div").style,t="alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient".split(" "),a=0;a0;)n[i]=arguments[i+1];return globals[e]&&(t=globals[e].apply(globals,n)),r[e]&&(a=r[e].apply(r,n)),"boolean"!=typeof t&&(t=!0),"boolean"!=typeof a&&(a=!0),t&&a}if(!1!==n("beforeCreate",r)){r.type&&(r.method=r.type);var i,s=r.url.indexOf("?")>=0?"&":"?",o=r.method.toUpperCase();if(("GET"===o||"HEAD"===o||"OPTIONS"===o||"DELETE"===o)&&r.data)(i="string"==typeof r.data?r.data.indexOf("?")>=0?r.data.split("?")[1]:r.data:Utils.serializeObject(r.data)).length&&(r.url+=s+i,"?"===s&&(s="&"));if("json"===r.dataType&&r.url.indexOf("callback=")>=0){var l,p="f7jsonp_"+(Date.now()+(jsonpRequests+=1)),c=r.url.split("callback="),d=c[0]+"callback="+p;if(c[1].indexOf("&")>=0){var u=c[1].split("&").filter(function(e){return e.indexOf("=")>0}).join("&");u.length>0&&(d+="&"+u)}var h=doc.createElement("script");return h.type="text/javascript",h.onerror=function(){clearTimeout(l),n("error",null,"scripterror"),n("complete",null,"scripterror")},h.src=d,win[p]=function(e){clearTimeout(l),n("success",e),h.parentNode.removeChild(h),h=null,delete win[p]},doc.querySelector("head").appendChild(h),void(r.timeout>0&&(l=setTimeout(function(){h.parentNode.removeChild(h),h=null,n("error",null,"timeout")},r.timeout)))}"GET"!==o&&"HEAD"!==o&&"OPTIONS"!==o&&"DELETE"!==o||!1===r.cache&&(r.url+=s+"_nocache"+Date.now());var f=new XMLHttpRequest;if(f.requestUrl=r.url,f.requestParameters=r,!1===n("beforeOpen",f,r))return f;f.open(o,r.url,r.async,r.user,r.password);var v,m=null;if(("POST"===o||"PUT"===o||"PATCH"===o)&&r.data)if(r.processData)if([ArrayBuffer,Blob,Document,FormData].indexOf(r.data.constructor)>=0)m=r.data;else{var g="---------------------------"+Date.now().toString(16);"multipart/form-data"===r.contentType?f.setRequestHeader("Content-Type","multipart/form-data; boundary="+g):f.setRequestHeader("Content-Type",r.contentType),m="";var b=Utils.serializeObject(r.data);if("multipart/form-data"===r.contentType){b=b.split("&");for(var y=[],w=0;w=200&&f.status<300||0===f.status)if("json"===r.dataType){var t;try{e=JSON.parse(f.responseText)}catch(e){t=!0}t?n("error",f,"parseerror"):n("success",e,f.status,f)}else n("success",e="text"===f.responseType||""===f.responseType?f.responseText:f.response,f.status,f);else n("error",f,f.status);r.statusCode&&(globals.statusCode&&globals.statusCode[f.status]&&globals.statusCode[f.status](f),r.statusCode[f.status]&&r.statusCode[f.status](f)),n("complete",f,f.status)},f.onerror=function(){v&&clearTimeout(v),n("error",f,f.status),n("complete",f,"error")},r.timeout>0&&(f.onabort=function(){v&&clearTimeout(v)},v=setTimeout(function(){f.abort(),n("error",f,"timeout"),n("complete",f,"timeout")},r.timeout)),!1===n("beforeSend",f,r)?f:(f.send(m),f)}}function RequestShortcut(e){for(var t,a,r=[],n=arguments.length-1;n-- >0;)r[n]=arguments[n+1];var i=[],s=i[0],o=i[1],l=i[2],p=i[3],c=i[4];"function"==typeof r[1]?(s=(t=r)[0],l=t[1],p=t[2],c=t[3]):(s=(a=r)[0],o=a[1],l=a[2],p=a[3],c=a[4]),[l,p].forEach(function(e){"string"==typeof e&&(c=e,e===l?l=void 0:p=void 0)});var d={url:s,method:"post"===e||"postJSON"===e?"POST":"GET",data:o,success:l,error:p,dataType:c=c||("json"===e||"postJSON"===e?"json":void 0)};return"postJSON"===e&&Utils.extend(d,{contentType:"application/json",processData:!1,crossDomain:!0,data:"string"==typeof o?o:JSON.stringify(o)}),Request(d)}function RequestShortcutPromise(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=t[0],n=t[1],i=t[2];return new Promise(function(t,a){RequestShortcut(e,r,n,function(e){t(e)},function(e,t){a(t)},i)})}Object.assign(Request,{get:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["get"].concat(e))},post:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["post"].concat(e))},json:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["json"].concat(e))},getJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["json"].concat(e))},postJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["postJSON"].concat(e))}}),Request.promise=function(e){return new Promise(function(t,a){Request(Object.assign(e,{success:function(e){t(e)},error:function(e,t){a(t)}}))})},Object.assign(Request.promise,{get:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["get"].concat(e))},post:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["post"].concat(e))},json:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["json"].concat(e))},getJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["json"].concat(e))},postJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["postJSON"].concat(e))}}),Request.setup=function(e){e.type&&!e.method&&Utils.extend(e,{method:e.type}),Utils.extend(globals,e)};var RequestModule={name:"request",proto:{request:Request},static:{request:Request}};function initTouch(){var e,t,a,r,n,i,s,o,l,p,c,d,u,h,f,v,m,g,b,y=this,w=y.params.touch,C=w[y.theme+"TouchRipple"];function x(e){var t,a=$(e),r=a.parents(w.activeStateElements);return a.is(w.activeStateElements)&&(t=a),r.length>0&&(t=t?t.add(r):r),t||a}function E(e){return e.parents(".page-content").length>0}function k(){u&&u.addClass("active-state")}function S(){u&&(u.removeClass("active-state"),u=null)}function T(e,t,a){e&&(m=y.touchRipple.create(e,t,a))}function M(){m&&(m.remove(),m=void 0,g=void 0)}function P(a){(g=function(e){var t=w.touchRippleElements,a=$(e);if(a.is(t))return!a.hasClass("no-ripple")&&a;if(a.parents(t).length>0){var r=a.parents(t).eq(0);return!r.hasClass("no-ripple")&&r}return!1}(a))&&0!==g.length?(w.fastClicks?function(e){var t=e.parents(".page-content");return 0!==t.length&&("yes"!==t.prop("scrollHandlerSet")&&(t.on("scroll",function(){clearTimeout(h),clearTimeout(b)}),t.prop("scrollHandlerSet","yes")),!0)}(g):E(g))?b=setTimeout(function(){T(g,e,t)},80):T(g,e,t):g=void 0}function O(){clearTimeout(b),M()}function D(){m?M():g&&!l?(clearTimeout(b),T(g,e,t),setTimeout(M,0)):M()}function I(e,t){y.emit({events:e,data:[t]})}function R(e){I("touchstart touchstart:active",e)}function B(e){I("touchmove touchmove:active",e)}function L(e){I("touchend touchend:active",e)}function A(e){I("touchstart:passive",e)}function z(e){I("touchmove:passive",e)}function H(e){I("touchend:passive",e)}Device.ios&&Device.webView&&win.addEventListener("touchstart",function(){});var U=!!Support.passiveListener&&{passive:!0},N=!!Support.passiveListener&&{passive:!1};doc.addEventListener("click",function(e){I("click",e)},!0),Support.passiveListener?(doc.addEventListener(y.touchEvents.start,R,N),doc.addEventListener(y.touchEvents.move,B,N),doc.addEventListener(y.touchEvents.end,L,N),doc.addEventListener(y.touchEvents.start,A,U),doc.addEventListener(y.touchEvents.move,z,U),doc.addEventListener(y.touchEvents.end,H,U)):(doc.addEventListener(y.touchEvents.start,function(e){R(e),A(e)},!1),doc.addEventListener(y.touchEvents.move,function(e){B(e),z(e)},!1),doc.addEventListener(y.touchEvents.end,function(e){L(e),H(e)},!1)),Support.touch?(w.fastClicks?(y.on("click",function(e){var t,a,i=!1;return n?(r=null,n=!1,!0):"submit"===e.target.type&&0===e.detail||"file"===e.target.type||(r||(t=e.target,a="input select textarea label".split(" "),t.nodeName&&a.indexOf(t.nodeName.toLowerCase())>=0||(i=!0)),f||(i=!0),doc.activeElement===r&&(i=!0),e.forwardedTouchEvent&&(i=!0),e.cancelable||(i=!0),w.tapHold&&w.tapHoldPreventClicks&&p&&(i=!1),i||(e.stopImmediatePropagation(),e.stopPropagation(),r?(function(e){var t=$(e),a=!0;return(t.is("label")||t.parents("label").length>0)&&(a=!Device.android&&!(!Device.ios||!t.is("input"))),a}(r)||l)&&e.preventDefault():e.preventDefault(),r=null),v=setTimeout(function(){f=!1},Device.ios||Device.androidChrome?100:400),w.tapHold&&(c=setTimeout(function(){p=!1},Device.ios||Device.androidChrome?100:400)),i)}),y.on("touchstart",function(d){var m,g,b=this;if(l=!1,p=!1,d.targetTouches.length>1)return u&&S(),!0;if(d.touches.length>1&&u&&S(),w.tapHold&&(c&&clearTimeout(c),c=setTimeout(function(){d&&d.touches&&d.touches.length>1||(p=!0,d.preventDefault(),$(d.target).trigger("taphold"))},w.tapHoldDelay)),v&&clearTimeout(v),m=d.target,g=$(m),!(f=!("input"===m.nodeName.toLowerCase()&&("file"===m.type||"range"===m.type)||"select"===m.nodeName.toLowerCase()&&Device.android||g.hasClass("no-fastclick")||g.parents(".no-fastclick").length>0||w.fastClicksExclude&&g.closest(w.fastClicksExclude).length>0)))return n=!1,!0;if(Device.ios||Device.android&&"getSelection"in win){var y=win.getSelection();if(y.rangeCount&&y.focusNode!==doc.body&&(!y.isCollapsed||doc.activeElement===y.focusNode))return i=!0,!0;i=!1}return Device.android&&function(e){var t="button input textarea select".split(" ");return!(!doc.activeElement||e===doc.activeElement||doc.activeElement===doc.body||t.indexOf(e.nodeName.toLowerCase())>=0)}(d.target)&&doc.activeElement.blur(),n=!0,r=d.target,a=(new Date).getTime(),e=d.targetTouches[0].pageX,t=d.targetTouches[0].pageY,Device.ios&&(s=void 0,$(r).parents().each(function(){var e=b;e.scrollHeight>e.offsetHeight&&!s&&((s=e).f7ScrollTop=s.scrollTop)})),a-oi||Math.abs(o-t)>i)&&(l=!0)}else l=!0;l&&(n=!1,r=null,l=!0,w.tapHold&&clearTimeout(c),w.activeState&&(clearTimeout(h),S()),C&&O())}}),y.on("touchend",function(e){clearTimeout(h),clearTimeout(c);var t=(new Date).getTime();if(!n)return!i&&f&&(Device.android&&!e.cancelable||!e.cancelable||e.preventDefault()),w.activeState&&S(),C&&D(),!0;if(doc.activeElement===e.target)return w.activeState&&S(),C&&D(),!0;if(i||e.preventDefault(),t-o1?(u&&S(),!0):(a.touches.length>1&&u&&S(),w.tapHold&&(c&&clearTimeout(c),c=setTimeout(function(){a&&a.touches&&a.touches.length>1||(p=!0,a.preventDefault(),d=!0,$(a.target).trigger("taphold"))},w.tapHoldDelay)),r=a.target,e=a.targetTouches[0].pageX,t=a.targetTouches[0].pageY,w.activeState&&(E(u=x(r))?h=setTimeout(k,80):k()),C&&P(r),!0)}),y.on("touchmove",function(a){var r=w.fastClicks?w.fastClicksDistanceThreshold:0;if(r){var n=a.targetTouches[0].pageX,i=a.targetTouches[0].pageY;(Math.abs(n-e)>r||Math.abs(i-t)>r)&&(l=!0)}else l=!0;l&&(d=!0,w.tapHold&&clearTimeout(c),w.activeState&&(clearTimeout(h),S()),C&&O())}),y.on("touchend",function(e){return clearTimeout(h),clearTimeout(c),doc.activeElement===e.target?(w.activeState&&S(),C&&D(),!0):(w.activeState&&(k(),setTimeout(S,0)),C&&D(),!(w.tapHoldPreventClicks&&p||d)||(e.cancelable&&e.preventDefault(),d=!0,!1))})),doc.addEventListener("touchcancel",function(){n=!1,r=null,clearTimeout(h),clearTimeout(c),w.activeState&&S(),C&&D()},{passive:!0})):w.activeState&&(y.on("touchstart",function(a){x(a.target).addClass("active-state"),"which"in a&&3===a.which&&setTimeout(function(){$(".active-state").removeClass("active-state")},0),C&&(e=a.pageX,t=a.pageY,P(a.target,a.pageX,a.pageY))}),y.on("touchmove",function(){$(".active-state").removeClass("active-state"),C&&O()}),y.on("touchend",function(){$(".active-state").removeClass("active-state"),C&&D()})),doc.addEventListener("contextmenu",function(e){w.disableContextMenu&&(Device.ios||Device.android||Device.cordova)&&e.preventDefault(),C&&(u&&S(),D())})}var TouchModule={name:"touch",params:{touch:{fastClicks:!1,fastClicksDistanceThreshold:10,fastClicksDelayBetweenClicks:50,fastClicksExclude:"",disableContextMenu:!1,tapHold:!1,tapHoldDelay:750,tapHoldPreventClicks:!0,activeState:!0,activeStateElements:"a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item",mdTouchRipple:!0,iosTouchRipple:!1,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}},pathToRegexp_1=pathToRegexp,parse_1=parse,compile_1=compile,tokensToFunction_1=tokensToFunction,tokensToRegExp_1=tokensToRegExp,DEFAULT_DELIMITER="/",PATH_REGEXP=new RegExp(["(\\\\.)","(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?"].join("|"),"g");function parse(e,t){for(var a,r=[],n=0,i=0,s="",o=t&&t.delimiter||DEFAULT_DELIMITER,l=t&&t.whitelist||void 0,p=!1;null!==(a=PATH_REGEXP.exec(e));){var c=a[0],d=a[1],u=a.index;if(s+=e.slice(i,u),i=u+c.length,d)s+=d[1],p=!0;else{var h="",f=a[2],v=a[3],m=a[4],g=a[5];if(!p&&s.length){var b=s.length-1,y=s[b];(!l||l.indexOf(y)>-1)&&(h=y,s=s.slice(0,b))}s&&(r.push(s),s="",p=!1);var w="+"===g||"*"===g,C="?"===g||"*"===g,x=v||m,$=h||o;r.push({name:f||n++,prefix:h,delimiter:$,optional:C,repeat:w,pattern:x?escapeGroup(x):"[^"+escapeString($===o?$:$+o)+"]+?"})}}return(s||i=0?a.allowPageChange?a.back({animate:i,pushState:!1}):History.routerQueue.push({action:"back",router:a}):a.allowPageChange?a.navigate(n,{animate:i,pushState:!1}):History.routerQueue.unshift({action:"load",stateUrl:n,router:a}))}})}},initViewState:function(e,t){var a,r=Utils.extend({},History.state||{},((a={})[e]=t,a));History.state=r,win.history.replaceState(r,"")},push:function(e,t,a){var r;if(History.allowChange){History.previousState=History.state;var n=Utils.extend({},History.previousState||{},((r={})[e]=t,r));History.state=n,win.history.pushState(n,"",a)}else History.queue.push(function(){History.push(e,t,a)})},replace:function(e,t,a){var r;if(History.allowChange){History.previousState=History.state;var n=Utils.extend({},History.previousState||{},((r={})[e]=t,r));History.state=n,win.history.replaceState(n,"",a)}else History.queue.push(function(){History.replace(e,t,a)})},go:function(e){History.allowChange=!1,win.history.go(e)},back:function(){History.allowChange=!1,win.history.back()},allowChange:!0,previousState:{},state:win.history.state,blockPopstate:!0,init:function(e){$(win).on("load",function(){setTimeout(function(){History.blockPopstate=!1},0)}),doc.readyState&&"complete"===doc.readyState&&(History.blockPopstate=!1),$(win).on("popstate",History.handle.bind(e))}};function SwipeBack(e){var t,a,r,n,i,s,o,l,p,c,d=e,u=d.$el,h=d.$navbarEl,f=d.app,v=d.params,m=!1,g=!1,b={},y=[],w=[],C=!0,x=[],E=[],k=v[f.theme+"SwipeBackAnimateShadow"],S=v[f.theme+"SwipeBackAnimateOpacity"],T=v[f.theme+"SwipeBackActiveArea"],M=v[f.theme+"SwipeBackThreshold"],P=f.rtl?"right center":"left center";function O(e){void 0===e&&(e={});for(var t=e.progress,a=e.reset,r=e.transition,n=["overflow","transform","transform-origin","opacity"],i=0;i0||$(e.target).closest(".page-master, .page-master-detail").length>0&&v.masterDetailBreakpoint>0&&f.width>=v.masterDetailBreakpoint||(g=!1,m=!0,t=void 0,b.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,b.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,n=Utils.now(),i=d.dynamicNavbar,s=d.separateNavbar)}function I(e){if(m){var n="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,c="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY;if(void 0===t&&(t=!!(t||Math.abs(c-b.y)>Math.abs(n-b.x))||nb.x&&f.rtl),t||e.f7PreventSwipeBack||f.preventSwipeBack)m=!1;else{if(!g){var C=!1,D=$(e.target),I=D.closest(".swipeout");I.length>0&&(!f.rtl&&I.find(".swipeout-actions-left").length>0&&(C=!0),f.rtl&&I.find(".swipeout-actions-right").length>0&&(C=!0)),((y=D.closest(".page")).hasClass("no-swipeback")||D.closest(".no-swipeback, .card-opened").length>0)&&(C=!0),w=u.find(".page-previous:not(.stacked)");b.x,u.offset().left;if(a=u.width(),(f.rtl?b.xT)&&(C=!0),0!==w.length&&0!==y.length||(C=!0),C)return void(m=!1);k&&0===(o=y.find(".page-shadow-effect")).length&&(o=$('
            '),y.append(o)),S&&0===(l=w.find(".page-opacity-effect")).length&&(l=$('
            '),w.append(l)),i&&(s?(x=h.find(".navbar-current:not(.stacked)"),E=h.find(".navbar-previous:not(.stacked)")):(x=y.children(".navbar").children(".navbar-inner"),E=w.children(".navbar").children(".navbar-inner")),p=function(){var e,t,a=[],r=f.rtl?-1:1,n=x.hasClass("navbar-inner-large"),i=E.hasClass("navbar-inner-large"),o=n&&!x.hasClass("navbar-inner-large-collapsed"),l=i&&!E.hasClass("navbar-inner-large-collapsed"),p=x.children(".left, .title, .right, .subnavbar, .fading, .title-large"),c=E.children(".left, .title, .right, .subnavbar, .fading, .title-large");return v.iosAnimateNavbarBackIcon&&(e=x.hasClass("sliding")?x.children(".left").find(".back .icon + span").eq(0):x.children(".left.sliding").find(".back .icon + span").eq(0),t=E.hasClass("sliding")?E.children(".left").find(".back .icon + span").eq(0):E.children(".left.sliding").find(".back .icon + span").eq(0),e.length&&c.each(function(t,a){$(a).hasClass("title")&&(a.f7NavbarLeftOffset+=e.prev(".icon")[0].offsetWidth)})),p.each(function(t,i){var p=$(i),c=p.hasClass("subnavbar"),d=p.hasClass("left"),u=p.hasClass("title");if(o||!p.hasClass(".title-large")){var h={el:i};if(o){if(u)return;if(p.hasClass("title-large")){if(!s)return;return void(l?(a.indexOf(h)<0&&a.push(h),h.overflow="visible",h.transform="translateX(100%)",p.find(".title-large-text, .title-large-inner").each(function(e,t){a.push({el:t,transform:function(e){return"translateX("+(100*e*r-100)+"%)"}})})):(a.indexOf(h)<0&&a.push(h),h.overflow="hidden",h.transform=function(e){return"translateY(calc("+-e+" * var(--f7-navbar-large-title-height)))"},p.find(".title-large-text, .title-large-inner").each(function(e,t){a.push({el:t,transform:function(e){return"translateX("+100*e*r+"%) translateY(calc("+e+" * var(--f7-navbar-large-title-height)))"}})})))}}if(l){if(!o&&p.hasClass("title-large")){if(!s)return;a.indexOf(h)<0&&a.push(h),h.opacity=0}if(d&&s)return a.indexOf(h)<0&&a.push(h),h.opacity=function(e){return 1-Math.pow(e,.33)},void p.find(".back span").each(function(e,t){a.push({el:t,"transform-origin":P,transform:function(e){return"translateY(calc(var(--f7-navbar-height) * "+e+")) scale("+(1+1*e)+")"}})})}if(!p.hasClass("title-large")){var f=p.hasClass("sliding")||x.hasClass("sliding");if(a.indexOf(h)<0&&a.push(h),(!c||c&&!f)&&(h.opacity=function(e){return 1-Math.pow(e,.33)}),f){var m=h;if(d&&e.length&&v.iosAnimateNavbarBackIcon){var g={el:e[0]};m=g,a.push(g)}m.transform=function(e){var t=e*m.el.f7NavbarRightOffset;return 1===Device.pixelRatio&&(t=Math.round(t)),c&&n&&s?"translate3d("+t+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)":"translate3d("+t+"px,0,0)"}}}}}),c.each(function(n,p){var c=$(p),d=c.hasClass("subnavbar"),u=c.hasClass("left"),h=c.hasClass("title"),f={el:p};if(l){if(h)return;if(a.indexOf(f)<0&&a.push(f),c.hasClass("title-large")){if(!s)return;return o?(f.opacity=1,f.overflow="visible",f.transform="translateY(0)",c.find(".title-large-text").each(function(e,t){a.push({el:t,"transform-origin":P,opacity:function(e){return Math.pow(e,3)},transform:function(e){return"translateY(calc("+(1*e-1)+" * var(--f7-navbar-large-title-height))) scale("+(.5+.5*e)+")"}})})):(f.transform=function(e){return"translateY(calc("+(e-1)+" * var(--f7-navbar-large-title-height)))"},f.opacity=1,f.overflow="hidden",c.find(".title-large-text").each(function(e,t){a.push({el:t,"transform-origin":P,opacity:function(e){return Math.pow(e,3)},transform:function(e){return"scale("+(.5+.5*e)+")"}})})),void c.find(".title-large-inner").each(function(e,t){a.push({el:t,"transform-origin":P,opacity:function(e){return Math.pow(e,3)},transform:function(e){return"translateX("+-100*(1-e)*r+"%)"}})})}}if(!c.hasClass("title-large")){var m=c.hasClass("sliding")||E.hasClass("sliding");if(a.indexOf(f)<0&&a.push(f),(!d||d&&!m)&&(f.opacity=function(e){return Math.pow(e,3)}),m){var g=f;if(u&&t.length&&v.iosAnimateNavbarBackIcon){var b={el:e[0]};g=b,a.push(b)}g.transform=function(e){var t=g.el.f7NavbarLeftOffset*(1-e);return 1===Device.pixelRatio&&(t=Math.round(t)),d&&i&&s?"translate3d("+t+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)":"translate3d("+t+"px,0,0)"}}}}),a}()),$(".sheet.modal-in").length>0&&f.sheet&&f.sheet.close($(".sheet.modal-in"))}e.f7PreventPanelSwipe=!0,g=!0,f.preventSwipePanelBySwipeBack=!0,e.preventDefault();var R=f.rtl?-1:1;(r=(n-b.x-M)*R)<0&&(r=0);var B=Math.min(Math.max(r/a,0),1),L={percentage:B,progress:B,currentPageEl:y[0],previousPageEl:w[0],currentNavbarEl:x[0],previousNavbarEl:E[0]};u.trigger("swipeback:move",L),d.emit("swipebackMove",L);var A=r*R,z=(r/5-a/5)*R;f.rtl?(A=Math.max(A,-a),z=Math.max(z,0)):(A=Math.min(A,a),z=Math.min(z,0)),1===Device.pixelRatio&&(A=Math.round(A),z=Math.round(z)),d.swipeBackActive=!0,$([y[0],w[0]]).addClass("page-swipeback-active"),y.transform("translate3d("+A+"px,0,0)"),k&&(o[0].style.opacity=1-1*B),"md"!==f.theme&&w.transform("translate3d("+z+"px,0,0)"),S&&(l[0].style.opacity=1-1*B),i&&O({progress:B})}}}function R(){if(f.preventSwipePanelBySwipeBack=!1,!m||!g)return m=!1,void(g=!1);if(m=!1,g=!1,d.swipeBackActive=!1,$([y[0],w[0]]).removeClass("page-swipeback-active"),0===r)return $([y[0],w[0]]).transform(""),o&&o.length>0&&o.remove(),l&&l.length>0&&l.remove(),void(i&&O({reset:!0}));var e=Utils.now()-n,t=!1;(e<300&&r>10||e>=300&&r>a/2)&&(y.removeClass("page-current").addClass("page-next"+("md"===f.theme?" page-next-on-right":"")),w.removeClass("page-previous").addClass("page-current").removeAttr("aria-hidden"),o&&(o[0].style.opacity=""),l&&(l[0].style.opacity=""),i&&(x.removeClass("navbar-current").addClass("navbar-next"),E.removeClass("navbar-previous").addClass("navbar-current").removeAttr("aria-hidden")),t=!0),$([y[0],w[0]]).addClass("page-transitioning page-transitioning-swipeback").transform(""),i&&O({progress:t?1:0,transition:!0}),C=!1,d.allowPageChange=!1;var p={currentPageEl:y[0],previousPageEl:w[0],currentNavbarEl:x[0],previousNavbarEl:E[0]};t?(d.currentRoute=w[0].f7Page.route,d.currentPage=w[0],d.pageCallback("beforeOut",y,x,"current","next",{route:y[0].f7Page.route,swipeBack:!0}),d.pageCallback("beforeIn",w,E,"previous","current",{route:w[0].f7Page.route,swipeBack:!0}),u.trigger("swipeback:beforechange",p),d.emit("swipebackBeforeChange",p)):(u.trigger("swipeback:beforereset",p),d.emit("swipebackBeforeReset",p)),y.transitionEnd(function(){$([y[0],w[0]]).removeClass("page-transitioning page-transitioning-swipeback"),i&&O({reset:!0,transition:!1}),C=!0,d.allowPageChange=!0,t?(1===d.history.length&&d.history.unshift(d.url),d.history.pop(),d.saveHistory(),v.pushState&&History.back(),d.pageCallback("afterOut",y,x,"current","next",{route:y[0].f7Page.route,swipeBack:!0}),d.pageCallback("afterIn",w,E,"previous","current",{route:w[0].f7Page.route,swipeBack:!0}),v.stackPages&&d.initialPages.indexOf(y[0])>=0?(y.addClass("stacked"),s&&x.addClass("stacked")):(d.pageCallback("beforeRemove",y,x,"next",{swipeBack:!0}),d.removePage(y),s&&d.removeNavbar(x)),u.trigger("swipeback:afterchange",p),d.emit("swipebackAfterChange",p),d.emit("routeChanged",d.currentRoute,d.previousRoute,d),v.preloadPreviousPage&&d.back(d.history[d.history.length-2],{preload:!0})):(u.trigger("swipeback:afterreset",p),d.emit("swipebackAfterReset",p)),o&&o.length>0&&o.remove(),l&&l.length>0&&l.remove()})}c=!("touchstart"!==f.touchEvents.start||!Support.passiveListener)&&{passive:!0,capture:!1},u.on(f.touchEvents.start,D,c),f.on("touchmove:active",I),f.on("touchend:passive",R),d.on("routerDestroy",function(){var e=!("touchstart"!==f.touchEvents.start||!Support.passiveListener)&&{passive:!0,capture:!1};u.off(f.touchEvents.start,D,e),f.off("touchmove:active",I),f.off("touchend:passive",R)})}function redirect(e,t,a){var r=this,n=t.route.redirect;if(a.initial&&r.params.pushState&&(a.replaceState=!0,a.history=!0),"function"==typeof n){r.allowPageChange=!1;var i=n.call(r,t,function(t,n){void 0===n&&(n={}),r.allowPageChange=!0,r[e](t,Utils.extend({},a,n))},function(){r.allowPageChange=!0});return i&&"string"==typeof i?(r.allowPageChange=!0,r[e](i,a)):r}return r[e](n,a)}function processQueue(e,t,a,r,n,i,s){var o=[];Array.isArray(a)?o.push.apply(o,a):a&&"function"==typeof a&&o.push(a),t&&(Array.isArray(t)?o.push.apply(o,t):o.push(t)),function t(){0!==o.length?o.shift().call(e,r,n,function(){t()},function(){s()}):i()}()}function processRouteQueue(e,t,a,r){var n=this;function i(){e&&e.route&&(n.params.routesBeforeEnter||e.route.beforeEnter)?(n.allowPageChange=!1,processQueue(n,n.params.routesBeforeEnter,e.route.beforeEnter,e,t,function(){n.allowPageChange=!0,a()},function(){r()})):a()}t&&t.route&&(n.params.routesBeforeLeave||t.route.beforeLeave)?(n.allowPageChange=!1,processQueue(n,n.params.routesBeforeLeave,t.route.beforeLeave,e,t,function(){n.allowPageChange=!0,i()},function(){r()})):i()}function appRouterCheck(e,t){if(!e.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."+t+"(...)")}function refreshPage(){return appRouterCheck(this,"refreshPage"),this.navigate(this.currentRoute.url,{ignoreCache:!0,reloadCurrent:!0})}function forward(e,t){void 0===t&&(t={});var a,r,n,i=this,s=$(e),o=i.app,l=i.view,p=Utils.extend(!1,{animate:i.params.animate,pushState:!0,replaceState:!1,history:!0,reloadCurrent:i.params.reloadPages,reloadPrevious:!1,reloadAll:!1,clearPreviousHistory:!1,reloadDetail:i.params.reloadDetail,on:{}},t),c=i.params.masterDetailBreakpoint>0,d=c&&p.route&&p.route.route&&!0===p.route.route.master,u=i.currentRoute.modal;if(u||"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(e){i.currentRoute&&i.currentRoute.route&&i.currentRoute.route[e]&&(u=!0,n=e)}),u){var h=i.currentRoute.modal||i.currentRoute.route.modalInstance||o[n].get(),f=i.history[i.history.length-2],v=i.findMatchingRoute(f);!v&&f&&(v={url:f,path:f.split("?")[0],query:Utils.parseUrlQuery(f),route:{path:f.split("?")[0],url:f}}),i.modalRemove(h)}var m,g,b,y,w=i.dynamicNavbar,C=i.separateNavbar,x=i.$el,E=s,k=p.reloadPrevious||p.reloadCurrent||p.reloadAll;if(i.allowPageChange=!1,0===E.length)return i.allowPageChange=!0,i;E.length&&i.removeThemeElements(E),w&&(b=E.children(".navbar").children(".navbar-inner"),C&&(g=i.$navbarEl,b.length>0&&E.children(".navbar").remove(),0===b.length&&E[0]&&E[0].f7Page&&(b=E[0].f7Page.$navbarEl))),p.route&&p.route.route&&p.route.route.keepAlive&&!p.route.route.keepAliveData&&(p.route.route.keepAliveData={pageEl:s[0]});var S,T,M,P=x.children(".page:not(.stacked)").filter(function(e,t){return t!==E[0]});if(C&&(S=g.children(".navbar-inner:not(.stacked)").filter(function(e,t){return t!==b[0]})),p.reloadPrevious&&P.length<2)return i.allowPageChange=!0,i;if(c&&!p.reloadAll){for(var O=0;O=i.params.masterDetailBreakpoint&&a}var I="next";if(p.reloadCurrent||p.reloadAll||M?I="current":p.reloadPrevious&&(I="previous"),E.addClass("page-"+I+(d?" page-master":"")+(T?" page-master-detail":"")).removeClass("stacked").trigger("page:unstack").trigger("page:position",{position:I}),(d||T)&&E.trigger("page:role",{role:d?"master":"detail"}),w&&b.length&&b.addClass("navbar-"+I+(d?" navbar-master":"")+(T?" navbar-master-detail":"")).removeClass("stacked"),p.reloadCurrent||M)m=P.eq(P.length-1),C&&(y=$(o.navbar.getElByPage(m)));else if(p.reloadPrevious)m=P.eq(P.length-2),C&&(y=$(o.navbar.getElByPage(m)));else if(p.reloadAll)m=P.filter(function(e,t){return t!==E[0]}),C&&(y=S.filter(function(e,t){return t!==b[0]}));else{if(P.length>1){var R=0;for(R=0;R1||M)&&(m=m.filter(function(e,t){return!t.classList.contains("page-master")})),y&&(y.length>1||M)&&(y=y.filter(function(e,t){return!t.classList.contains("navbar-master")}))),i.params.pushState&&(p.pushState||p.replaceState)&&!p.reloadPrevious){var L=i.params.pushStateRoot||"";History[p.reloadCurrent||M&&r||p.reloadAll||p.replaceState?"replace":"push"](l.id,{url:p.route.url},L+i.params.pushStateSeparator+p.route.url)}p.reloadPrevious||(i.currentPageEl=E[0],w&&b.length?i.currentNavbarEl=b[0]:delete i.currentNavbarEl,i.currentRoute=p.route);var A=p.route.url;p.history&&(((p.reloadCurrent||M&&r)&&i.history.length)>0||p.replaceState?i.history[i.history.length-(p.reloadPrevious?2:1)]=A:p.reloadPrevious?i.history[i.history.length-2]=A:p.reloadAll?i.history=[A]:i.history.push(A)),i.saveHistory();var z=E.parents(doc).length>0,H=E[0].f7Component;if(p.reloadPrevious?(H&&!z?H.$mount(function(e){$(e).insertBefore(m)}):E.insertBefore(m),C&&b.length&&(b.children(".title-large").length&&b.addClass("navbar-inner-large"),y.length?b.insertBefore(y):(i.$navbarEl.parents(doc).length||i.$el.prepend(i.$navbarEl),g.append(b)))):(m.next(".page")[0]!==E[0]&&(H&&!z?H.$mount(function(e){x.append(e)}):x.append(E[0])),C&&b.length&&(b.children(".title-large").length&&b.addClass("navbar-inner-large"),i.$navbarEl.parents(doc).length||i.$el.prepend(i.$navbarEl),g.append(b[0]))),z?p.route&&p.route.route&&p.route.route.keepAlive&&!E[0].f7PageMounted&&(E[0].f7PageMounted=!0,i.pageCallback("mounted",E,b,I,k?I:"current",p,m)):i.pageCallback("mounted",E,b,I,k?I:"current",p,m),(p.reloadCurrent||M)&&m.length>0?i.params.stackPages&&i.initialPages.indexOf(m[0])>=0?(m.addClass("stacked"),m.trigger("page:stack"),C&&y.addClass("stacked")):(i.pageCallback("beforeRemove",m,y,"previous",void 0,p),i.removePage(m),C&&y&&y.length&&i.removeNavbar(y)):p.reloadAll?m.each(function(e,t){var a=$(t),r=$(o.navbar.getElByPage(a));i.params.stackPages&&i.initialPages.indexOf(a[0])>=0?(a.addClass("stacked"),a.trigger("page:stack"),C&&r.addClass("stacked")):(i.pageCallback("beforeRemove",a,y&&y.eq(e),"previous",void 0,p),i.removePage(a),C&&r.length&&i.removeNavbar(r))}):p.reloadPrevious&&(i.params.stackPages&&i.initialPages.indexOf(m[0])>=0?(m.addClass("stacked"),m.trigger("page:stack"),C&&y.addClass("stacked")):(i.pageCallback("beforeRemove",m,y,"previous",void 0,p),i.removePage(m),C&&y&&y.length&&i.removeNavbar(y))),p.route.route.tab&&i.tabLoad(p.route.route.tab,Utils.extend({},p,{history:!1,pushState:!1})),i.pageCallback("init",E,b,I,k?I:"current",p,m),p.reloadCurrent||p.reloadAll||M)return i.allowPageChange=!0,i.pageCallback("beforeIn",E,b,I,"current",p),i.pageCallback("afterIn",E,b,I,"current",p),p.reloadCurrent&&p.clearPreviousHistory&&i.clearPreviousHistory(),M&&(a.classList.add("page-previous"),a.classList.remove("page-current"),$(a).trigger("page:position",{position:"previous"}),a.f7Page&&a.f7Page.navbarEl&&(a.f7Page.navbarEl.classList.add("navbar-previous"),a.f7Page.navbarEl.classList.remove("navbar-current"))),i;if(p.reloadPrevious)return i.allowPageChange=!0,i;function U(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";E.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),m.removeClass(e).addClass("page-previous").trigger("page:position",{position:"previous"}),m.hasClass("page-master")||m.attr("aria-hidden","true"),w&&(b.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),y.removeClass(t).addClass("navbar-previous"),y.hasClass("navbar-master")||y.attr("aria-hidden","true")),i.allowPageChange=!0,i.pageCallback("afterIn",E,b,"next","current",p),i.pageCallback("afterOut",m,y,"current","previous",p);var a=(i.params.preloadPreviousPage||("ios"===o.theme?i.params.iosSwipeBack:i.params.mdSwipeBack))&&!d;a||(E.hasClass("smart-select-page")||E.hasClass("photo-browser-page")||E.hasClass("autocomplete-page"))&&(a=!0),a||(i.params.stackPages?(m.addClass("stacked"),m.trigger("page:stack"),C&&y.addClass("stacked")):E.attr("data-name")&&"smart-select-page"===E.attr("data-name")||(i.pageCallback("beforeRemove",m,y,"previous",void 0,p),i.removePage(m),C&&y.length&&i.removeNavbar(y))),p.clearPreviousHistory&&i.clearPreviousHistory(),i.emit("routeChanged",i.currentRoute,i.previousRoute,i),i.params.pushState&&History.clearRouterQueue()}function N(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";m.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),E.removeClass(e).addClass("page-next").removeAttr("aria-hidden").trigger("page:position",{position:"next"}),w&&(y.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),b.removeClass(t).addClass("navbar-next").removeAttr("aria-hidden"))}if(i.pageCallback("beforeIn",E,b,"next","current",p),i.pageCallback("beforeOut",m,y,"current","previous",p),!p.animate||d&&o.width>=i.params.masterDetailBreakpoint)U();else{var F="md"===i.app.theme?i.params.mdPageLoadDelay:i.params.iosPageLoadDelay;F?setTimeout(function(){N(),i.animate(m,E,y,b,"forward",function(){U()})},F):(N(),i.animate(m,E,y,b,"forward",function(){U()}))}return i}function load(e,t,a){void 0===e&&(e={}),void 0===t&&(t={});var r=this;if(!r.allowPageChange&&!a)return r;var n=e,i=t,s=n.url,o=n.content,l=n.el,p=n.pageName,c=n.template,d=n.templateUrl,u=n.component,h=n.componentUrl;if(!i.reloadCurrent&&i.route&&i.route.route&&i.route.route.parentPath&&r.currentRoute.route&&r.currentRoute.route.parentPath===i.route.route.parentPath){if(i.route.url===r.url)return r.allowPageChange=!0,!1;var f=Object.keys(i.route.params).length===Object.keys(r.currentRoute.params).length;if(f&&Object.keys(i.route.params).forEach(function(e){e in r.currentRoute.params&&r.currentRoute.params[e]===i.route.params[e]||(f=!1)}),f)return!!i.route.route.tab&&r.tabLoad(i.route.route.tab,i);if(!f&&i.route.route.tab&&r.currentRoute.route.tab&&r.currentRoute.parentPath===i.route.parentPath)return r.tabLoad(i.route.route.tab,i)}if(i.route&&i.route.url&&r.url===i.route.url&&!i.reloadCurrent&&!i.reloadPrevious&&!r.params.allowDuplicateUrls)return r.allowPageChange=!0,!1;function v(e,t){return r.forward(e,Utils.extend(i,t))}function m(){return r.allowPageChange=!0,r}if(!i.route&&s&&(i.route=r.parseRouteUrl(s),Utils.extend(i.route,{route:{url:s,path:s}})),(s||d||h)&&(r.allowPageChange=!1),o)r.forward(r.getPageEl(o),i);else if(c||d)try{r.pageTemplateLoader(c,d,i,v,m)}catch(e){throw r.allowPageChange=!0,e}else if(l)r.forward(r.getPageEl(l),i);else if(p)r.forward(r.$el.children('.page[data-name="'+p+'"]').eq(0),i);else if(u||h)try{r.pageComponentLoader(r.el,u,h,i,v,m)}catch(e){throw r.allowPageChange=!0,e}else s&&(r.xhr&&(r.xhr.abort(),r.xhr=!1),r.xhrRequest(s,i).then(function(e){r.forward(r.getPageEl(e),i)}).catch(function(){r.allowPageChange=!0}));return r}function navigate(e,t){void 0===t&&(t={});var a,r,n,i,s,o,l=this;if(l.swipeBackActive)return l;if("string"==typeof e?a=e:(a=e.url,r=e.route,n=e.name,i=e.query,s=e.params),n){if(!(o=l.findRouteByKey("name",n)))throw new Error('Framework7: route with name "'+n+'" not found');if(a=l.constructRouteUrl(o,{params:s,query:i}))return l.navigate(a,t);throw new Error("Framework7: can't construct URL for route with name \""+n+'"')}var p=l.app;if(appRouterCheck(l,"navigate"),"#"===a||""===a)return l;var c=a.replace("./","");if("/"!==c[0]&&0!==c.indexOf("#")){var d=l.currentRoute.parentPath||l.currentRoute.path;c=((d?d+"/":"/")+c).replace("///","/").replace("//","/")}if(!(o=r?Utils.extend(l.parseRouteUrl(c),{route:Utils.extend({},r)}):l.findMatchingRoute(c)))return l;if(o.route.redirect)return redirect.call(l,"navigate",o,t);var u={};function h(){var e=!1;"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(t){o.route[t]&&!e&&(e=!0,l.modalLoad(t,o,u))}),o.route.keepAlive&&o.route.keepAliveData&&(l.load({el:o.route.keepAliveData.pageEl},u,!1),e=!0),"url content component pageName el componentUrl template templateUrl".split(" ").forEach(function(t){var a;o.route[t]&&!e&&(e=!0,l.load(((a={})[t]=o.route[t],a),u,!1))}),e||o.route.async&&(l.allowPageChange=!1,o.route.async.call(l,u.route,l.currentRoute,function(e,t){l.allowPageChange=!1;var a=!1;t&&t.context&&(o.context?o.context=Utils.extend({},o.context,t.context):o.context=t.context,u.route.context=o.context),"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(r){if(e[r]){a=!0;var n=Utils.extend({},o,{route:e});l.allowPageChange=!0,l.modalLoad(r,n,Utils.extend(u,t))}}),a||l.load(e,Utils.extend(u,t),!0)},function(){l.allowPageChange=!0}))}function f(){l.allowPageChange=!0}if(o.route.options?Utils.extend(u,o.route.options,t):Utils.extend(u,t),u.route=o,u&&u.context&&(o.context=u.context,u.route.context=u.context),l.params.masterDetailBreakpoint>0&&o.route.masterRoute){var v=!0;if(l.currentRoute&&l.currentRoute.route&&(!l.currentRoute.route.master||l.currentRoute.route!==o.route.masterRoute&&l.currentRoute.route.path!==o.route.masterRoute.path||(v=!1),!l.currentRoute.route.masterRoute||l.currentRoute.route.masterRoute!==o.route.masterRoute&&l.currentRoute.route.masterRoute.path!==o.route.masterRoute.path||(v=!1)),v)return l.navigate(o.route.masterRoute.path,{animate:!1,reloadAll:t.reloadAll,reloadCurrent:t.reloadCurrent,reloadPrevious:t.reloadPrevious,once:{pageAfterIn:function(){l.navigate(e,Utils.extend({},t,{animate:!1,reloadAll:!1,reloadCurrent:!1,reloadPrevious:!1}))}}}),l}return processRouteQueue.call(l,o,l.currentRoute,function(){o.route.modules?p.loadModules(Array.isArray(o.route.modules)?o.route.modules:[o.route.modules]).then(function(){h()}).catch(function(){f()}):h()},function(){f()}),l}function tabLoad(e,t){void 0===t&&(t={});var a,r,n=this,i=Utils.extend({animate:n.params.animate,pushState:!0,history:!0,parentPageEl:null,preload:!1,on:{}},t);i.route&&(i.preload||i.route===n.currentRoute||(r=n.previousRoute,n.currentRoute=i.route),i.preload?(a=i.route,r=n.currentRoute):(a=n.currentRoute,r||(r=n.previousRoute)),n.params.pushState&&i.pushState&&!i.reloadPrevious&&History.replace(n.view.id,{url:i.route.url},(n.params.pushStateRoot||"")+n.params.pushStateSeparator+i.route.url),i.history&&(n.history[Math.max(n.history.length-1,0)]=i.route.url,n.saveHistory()));var s,o=$(i.parentPageEl||n.currentPageEl);s=o.length&&o.find("#"+e.id).length?o.find("#"+e.id).eq(0):n.view.selector?n.view.selector+" #"+e.id:"#"+e.id;var l,p=n.app.tab.show({tabEl:s,animate:i.animate,tabRoute:i.route}),c=p.$newTabEl,d=p.$oldTabEl,u=p.animated,h=p.onTabsChanged;if(c&&c.parents(".page").length>0&&i.route){var f=c.parents(".page")[0].f7Page;f&&i.route&&(f.route=i.route)}if(c[0].f7RouterTabLoaded)return d&&d.length?(u?h(function(){n.emit("routeChanged",n.currentRoute,n.previousRoute,n)}):n.emit("routeChanged",n.currentRoute,n.previousRoute,n),n):n;function v(t,a){var r=t.url,i=t.content,s=t.el,o=t.template,l=t.templateUrl,p=t.component,f=t.componentUrl;function v(t){n.allowPageChange=!0,t&&("string"==typeof t?c.html(t):(c.html(""),t.f7Component?t.f7Component.$mount(function(e){c.append(e)}):c.append(t)),c[0].f7RouterTabLoaded=!0,function(t){n.removeThemeElements(c);var a=c;"string"!=typeof t&&(a=$(t)),a.trigger("tab:init tab:mounted",e),n.emit("tabInit tabMounted",c[0],e),d&&d.length&&(u?h(function(){n.emit("routeChanged",n.currentRoute,n.previousRoute,n),n.params.unloadTabContent&&n.tabRemove(d,c,e)}):(n.emit("routeChanged",n.currentRoute,n.previousRoute,n),n.params.unloadTabContent&&n.tabRemove(d,c,e)))}(t))}function m(){return n.allowPageChange=!0,n}if(i)v(i);else if(o||l)try{n.tabTemplateLoader(o,l,a,v,m)}catch(e){throw n.allowPageChange=!0,e}else if(s)v(s);else if(p||f)try{n.tabComponentLoader(c[0],p,f,a,v,m)}catch(e){throw n.allowPageChange=!0,e}else r&&(n.xhr&&(n.xhr.abort(),n.xhr=!1),n.xhrRequest(r,a).then(function(e){v(e)}).catch(function(){n.allowPageChange=!0}))}return"url content component el componentUrl template templateUrl".split(" ").forEach(function(t){var a;e[t]&&(l=!0,v(((a={})[t]=e[t],a),i))}),e.async?e.async.call(n,a,r,function(e,t){v(e,Utils.extend(i,t))},function(){n.allowPageChange=!0}):l||(n.allowPageChange=!0),n}function tabRemove(e,t,a){var r;e[0]&&(e[0].f7RouterTabLoaded=!1,delete e[0].f7RouterTabLoaded),e.children().each(function(e,t){t.f7Component&&(r=!0,$(t).trigger("tab:beforeremove",a),t.f7Component.$destroy())}),r||e.trigger("tab:beforeremove",a),this.emit("tabBeforeRemove",e[0],t[0],a),this.removeTabContent(e[0],a)}function modalLoad(e,t,a){void 0===a&&(a={});var r,n=this,i=n.app,s="panel"===e,o=s?"panel":"modal",l=Utils.extend({animate:n.params.animate,pushState:!0,history:!0,on:{}},a),p=Utils.extend({},t.route[e]),c=t.route;function d(){var a=i[e].create(p);c.modalInstance=a;var r=a.el;function d(){a.close()}a.on(o+"Open",function(){r||(n.removeThemeElements(a.el),a.$el.trigger(e.toLowerCase()+":init "+e.toLowerCase()+":mounted",t,a),n.emit((s?"":"modalInit")+" "+e+"Init "+e+"Mounted",a.el,t,a)),n.once("swipeBackMove",d)}),a.on(o+"Close",function(){n.off("swipeBackMove",d),a.closeByRouter||n.back()}),a.on(o+"Closed",function(){a.$el.trigger(e.toLowerCase()+":beforeremove",t,a),a.emit((s?"":"modalBeforeRemove ")+e+"BeforeRemove",a.el,t,a);var r=a.el.f7Component;r&&r.$destroy(),Utils.nextTick(function(){(r||p.component)&&n.removeModal(a.el),a.destroy(),delete a.route,delete c.modalInstance})}),l.route&&(n.params.pushState&&l.pushState&&History.push(n.view.id,{url:l.route.url,modal:e},(n.params.pushStateRoot||"")+n.params.pushStateSeparator+l.route.url),l.route!==n.currentRoute&&(a.route=Utils.extend(l.route,{modal:a}),n.currentRoute=a.route),l.history&&(n.history.push(l.route.url),n.saveHistory())),r&&(n.removeThemeElements(a.el),a.$el.trigger(e.toLowerCase()+":init "+e.toLowerCase()+":mounted",t,a),n.emit(o+"Init "+e+"Init "+e+"Mounted",a.el,t,a)),a.open()}function u(e,t){var a=e.url,r=e.content,s=e.template,o=e.templateUrl,l=e.component,c=e.componentUrl;function u(e){e&&("string"==typeof e?p.content=e:e.f7Component?e.f7Component.$mount(function(e){p.el=e,i.root.append(e)}):p.el=e,d())}function h(){return n.allowPageChange=!0,n}if(r)u(r);else if(s||o)try{n.modalTemplateLoader(s,o,t,u,h)}catch(e){throw n.allowPageChange=!0,e}else if(l||c)try{n.modalComponentLoader(i.root[0],l,c,t,u,h)}catch(e){throw n.allowPageChange=!0,e}else a?(n.xhr&&(n.xhr.abort(),n.xhr=!1),n.xhrRequest(a,t).then(function(e){p.content=e,d()}).catch(function(){n.allowPageChange=!0})):d()}return"url content component el componentUrl template templateUrl".split(" ").forEach(function(e){var t;p[e]&&!r&&(r=!0,u(((t={})[e]=p[e],t),l))}),r||"actions"!==e||d(),p.async&&p.async.call(n,l.route,n.currentRoute,function(e,t){u(e,Utils.extend(l,t))},function(){n.allowPageChange=!0}),n}function modalRemove(e){Utils.extend(e,{closeByRouter:!0}),e.close()}function backward(e,t){var a,r,n,i,s,o,l=this,p=$(e),c=l.app,d=l.view,u=Utils.extend({animate:l.params.animate,pushState:!0},t),h=l.params.masterDetailBreakpoint>0,f=h&&u.route&&u.route.route&&!0===u.route.route.master,v=l.dynamicNavbar,m=l.separateNavbar,g=p,b=l.$el.children(".page-current"),y=h&&b.hasClass("page-master");if(g.length&&l.removeThemeElements(g),v&&(n=g.children(".navbar").children(".navbar-inner"),m?(r=l.$navbarEl,n.length>0&&g.children(".navbar").remove(),0===n.length&&g[0]&&g[0].f7Page&&(n=g[0].f7Page.$navbarEl),i=r.find(".navbar-current")):i=b.children(".navbar").children(".navbar-inner")),l.allowPageChange=!1,0===g.length||0===b.length)return l.allowPageChange=!0,l;if(l.removeThemeElements(g),u.route&&u.route.route&&u.route.route.keepAlive&&!u.route.route.keepAliveData&&(u.route.route.keepAliveData={pageEl:p[0]}),h){for(var w=l.$el.children(".page:not(.stacked)").filter(function(e,t){return t!==g[0]}),C=0;Cl.history.indexOf(a.f7Page.route.url)}if(g.addClass("page-previous"+(f?" page-master":"")+(s?" page-master-detail":"")).removeClass("stacked").removeAttr("aria-hidden").trigger("page:unstack").trigger("page:position",{position:"previous"}),(f||s)&&g.trigger("page:role",{role:f?"master":"detail"}),v&&n.length>0&&n.addClass("navbar-previous"+(f?" navbar-master":"")+(s?" navbar-master-detail":"")).removeClass("stacked").removeAttr("aria-hidden"),u.force&&(b.prev(".page-previous:not(.stacked)").length>0||0===b.prev(".page-previous").length))if(l.history.indexOf(u.route.url)>=0?(o=l.history.length-l.history.indexOf(u.route.url)-1,l.history=l.history.slice(0,l.history.indexOf(u.route.url)+2),d.history=l.history):l.history[[l.history.length-2]]?l.history[l.history.length-2]=u.route.url:l.history.unshift(l.url),o&&l.params.stackPages)b.prevAll(".page-previous").each(function(e,t){var a,r=$(t);m&&(a=$(c.navbar.getElByPage(r))),r[0]!==g[0]&&r.index()>g.index()&&(l.initialPages.indexOf(r[0])>=0?(r.addClass("stacked"),r.trigger("page:stack"),m&&a.addClass("stacked")):(l.pageCallback("beforeRemove",r,a,"previous",void 0,u),l.removePage(r),m&&a.length>0&&l.removeNavbar(a)))});else{var x,E=b.prev(".page-previous:not(.stacked)");m&&(x=$(c.navbar.getElByPage(E))),l.params.stackPages&&l.initialPages.indexOf(E[0])>=0?(E.addClass("stacked"),E.trigger("page:stack"),x.addClass("stacked")):E.length>0&&(l.pageCallback("beforeRemove",E,x,"previous",void 0,u),l.removePage(E),m&&x.length&&l.removeNavbar(x))}var k,S,T=g.parents(doc).length>0,M=g[0].f7Component;function P(){0===g.next(b).length&&(!T&&M?M.$mount(function(e){$(e).insertBefore(b)}):g.insertBefore(b)),m&&n.length&&(n.children(".title-large").length&&n.addClass("navbar-inner-large"),n.insertBefore(i),i.length>0?n.insertBefore(i):(l.$navbarEl.parents(doc).length||l.$el.prepend(l.$navbarEl),r.append(n))),T?u.route&&u.route.route&&u.route.route.keepAlive&&!g[0].f7PageMounted&&(g[0].f7PageMounted=!0,l.pageCallback("mounted",g,n,"previous","current",u,b)):l.pageCallback("mounted",g,n,"previous","current",u,b)}if(u.preload){P(),u.route.route.tab&&l.tabLoad(u.route.route.tab,Utils.extend({},u,{history:!1,pushState:!1,preload:!0})),f&&(g.removeClass("page-master-stacked").trigger("page:masterunstack"),m&&$(c.navbar.getElByPage(g)).removeClass("navbar-master-stacked")),l.pageCallback("init",g,n,"previous","current",u,b);var O=g.prevAll(".page-previous:not(.stacked):not(.page-master)");return O.length>0&&O.each(function(e,t){var a,r=$(t);m&&(a=$(c.navbar.getElByPage(r))),l.params.stackPages&&l.initialPages.indexOf(t)>=0?(r.addClass("stacked"),r.trigger("page:stack"),m&&a.addClass("stacked")):(l.pageCallback("beforeRemove",r,a,"previous",void 0),l.removePage(r),m&&a.length&&l.removeNavbar(a))}),l.allowPageChange=!0,l}function D(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";g.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),b.removeClass(e).addClass("page-next").attr("aria-hidden","true").trigger("page:position",{position:"next"}),v&&(n.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),i.removeClass(t).addClass("navbar-next").attr("aria-hidden","true")),l.pageCallback("afterIn",g,n,"previous","current",u),l.pageCallback("afterOut",b,i,"current","next",u),l.params.stackPages&&l.initialPages.indexOf(b[0])>=0?(b.addClass("stacked"),b.trigger("page:stack"),m&&i.addClass("stacked")):(l.pageCallback("beforeRemove",b,i,"next",void 0,u),l.removePage(b),m&&i.length&&l.removeNavbar(i)),l.allowPageChange=!0,l.emit("routeChanged",l.currentRoute,l.previousRoute,l),(l.params.preloadPreviousPage||(c.theme.ios?l.params.iosSwipeBack:l.params.mdSwipeBack))&&l.history[l.history.length-2]&&!f&&l.back(l.history[l.history.length-2],{preload:!0}),l.params.pushState&&History.clearRouterQueue()}return Device.ie||Device.edge||Device.firefox&&!Device.ios||l.params.pushState&&u.pushState&&(o?History.go(-o):History.back()),1===l.history.length&&l.history.unshift(l.url),l.history.pop(),l.saveHistory(),l.currentPageEl=g[0],v&&n.length?l.currentNavbarEl=n[0]:delete l.currentNavbarEl,l.currentRoute=u.route,(Device.ie||Device.edge||Device.firefox&&!Device.ios)&&l.params.pushState&&u.pushState&&(o?History.go(-o):History.back()),P(),u.route.route.tab&&l.tabLoad(u.route.route.tab,Utils.extend({},u,{history:!1,pushState:!1})),l.pageCallback("init",g,n,"previous","current",u,b),l.pageCallback("beforeIn",g,n,"previous","current",u),l.pageCallback("beforeOut",b,i,"current","next",u),!u.animate||y&&c.width>=l.params.masterDetailBreakpoint?D():(k="page-previous page-current page-next",S="navbar-previous navbar-current navbar-next",b.removeClass(k).addClass("page-current").trigger("page:position",{position:"current"}),g.removeClass(k).addClass("page-previous").removeAttr("aria-hidden").trigger("page:position",{position:"previous"}),v&&(i.removeClass(S).addClass("navbar-current"),n.removeClass(S).addClass("navbar-previous").removeAttr("aria-hidden")),l.animate(b,g,i,n,"backward",function(){D()})),l}function loadBack(e,t,a){var r=this;if(!r.allowPageChange&&!a)return r;var n=e,i=t,s=n.url,o=n.content,l=n.el,p=n.pageName,c=n.template,d=n.templateUrl,u=n.component,h=n.componentUrl;if(i.route.url&&r.url===i.route.url&&!i.reloadCurrent&&!i.reloadPrevious&&!r.params.allowDuplicateUrls)return!1;function f(e,t){return r.backward(e,Utils.extend(i,t))}function v(){return r.allowPageChange=!0,r}if(!i.route&&s&&(i.route=r.parseRouteUrl(s)),(s||d||h)&&(r.allowPageChange=!1),o)r.backward(r.getPageEl(o),i);else if(c||d)try{r.pageTemplateLoader(c,d,i,f,v)}catch(e){throw r.allowPageChange=!0,e}else if(l)r.backward(r.getPageEl(l),i);else if(p)r.backward(r.$el.children('.page[data-name="'+p+'"]').eq(0),i);else if(u||h)try{r.pageComponentLoader(r.el,u,h,i,f,v)}catch(e){throw r.allowPageChange=!0,e}else s&&(r.xhr&&(r.xhr.abort(),r.xhr=!1),r.xhrRequest(s,i).then(function(e){r.backward(r.getPageEl(e),i)}).catch(function(){r.allowPageChange=!0}));return r}function back(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a,r,n,i=this;if(i.swipeBackActive)return i;"object"==typeof e[0]?r=e[0]||{}:(a=e[0],r=e[1]||{});var s=r.name,o=r.params,l=r.query;if(s){if(!(n=i.findRouteByKey("name",s)))throw new Error('Framework7: route with name "'+s+'" not found');if(a=i.constructRouteUrl(n,{params:o,query:l}))return i.back(a,Utils.extend({},r,{name:null,params:null,query:null}));throw new Error("Framework7: can't construct URL for route with name \""+s+'"')}var p=i.app;appRouterCheck(i,"back");var c,d=i.currentRoute.modal;if(d||"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(e){i.currentRoute.route[e]&&(d=!0,c=e)}),d){var u,h=i.currentRoute.modal||i.currentRoute.route.modalInstance||p[c].get(),f=i.history[i.history.length-2];if(h&&h.$el){var v=h.$el.prevAll(".modal-in");v.length&&v[0].f7Modal&&(u=v[0].f7Modal.route)}if(u||(u=i.findMatchingRoute(f)),!u&&f&&(u={url:f,path:f.split("?")[0],query:Utils.parseUrlQuery(f),route:{path:f.split("?")[0],url:f}}),!(a&&0!==a.replace(/[# ]/g,"").trim().length||u&&h))return i;var m=r.force&&u&&a;return u&&h?(i.params.pushState&&!1!==r.pushState&&History.back(),i.currentRoute=u,i.history.pop(),i.saveHistory(),i.modalRemove(h),m&&i.navigate(a,{reloadCurrent:!0})):h&&(i.modalRemove(h),a&&i.navigate(a,{reloadCurrent:!0})),i}var g,b=i.$el.children(".page-current").prevAll(".page-previous:not(.page-master)").eq(0);if(i.params.masterDetailBreakpoint>0){var y=i.$el.children(".page-current").prevAll(".page-master").eq(0);if(y.length){var w=i.history[i.history.length-2],C=i.findMatchingRoute(w);C&&C.route===y[0].f7Page.route.route&&(b=y,r.preload||(g=p.width>=i.params.masterDetailBreakpoint))}}if(!r.force&&b.length&&!g){if(i.params.pushState&&b[0].f7Page&&i.history[i.history.length-2]!==b[0].f7Page.route.url)return i.back(i.history[i.history.length-2],Utils.extend(r,{force:!0})),i;var x=b[0].f7Page.route;return processRouteQueue.call(i,x,i.currentRoute,function(){i.loadBack({el:b},Utils.extend(r,{route:x}))},function(){}),i}if("#"===a&&(a=void 0),a&&"/"!==a[0]&&0!==a.indexOf("#")&&(a=((i.path||"/")+a).replace("//","/")),!a&&i.history.length>1&&(a=i.history[i.history.length-2]),g&&!r.force&&i.history[i.history.length-3])return i.back(i.history[i.history.length-3],Utils.extend({},r||{},{force:!0,animate:!1}));if(g&&!r.force)return i;if((n=i.findMatchingRoute(a))||a&&(n={url:a,path:a.split("?")[0],query:Utils.parseUrlQuery(a),route:{path:a.split("?")[0],url:a}}),!n)return i;if(n.route.redirect)return redirect.call(i,"back",n,r);var $,E={};if(n.route.options?Utils.extend(E,n.route.options,r):Utils.extend(E,r),E.route=n,E&&E.context&&(n.context=E.context,E.route.context=E.context),E.force&&i.params.stackPages&&(i.$el.children(".page-previous.stacked").each(function(e,t){t.f7Page&&t.f7Page.route&&t.f7Page.route.url===n.url&&($=!0,i.loadBack({el:t},E))}),$))return i;function k(){var e=!1;n.route.keepAlive&&n.route.keepAliveData&&(i.loadBack({el:n.route.keepAliveData.pageEl},E),e=!0),"url content component pageName el componentUrl template templateUrl".split(" ").forEach(function(t){var a;n.route[t]&&!e&&(e=!0,i.loadBack(((a={})[t]=n.route[t],a),E))}),e||n.route.async&&(i.allowPageChange=!1,n.route.async.call(i,n,i.currentRoute,function(e,t){i.allowPageChange=!1,t&&t.context&&(n.context?n.context=Utils.extend({},n.context,t.context):n.context=t.context,E.route.context=n.context),i.loadBack(e,Utils.extend(E,t),!0)},function(){i.allowPageChange=!0}))}function S(){i.allowPageChange=!0}return E.preload?k():processRouteQueue.call(i,n,i.currentRoute,function(){n.route.modules?p.loadModules(Array.isArray(n.route.modules)?n.route.modules:[n.route.modules]).then(function(){k()}).catch(function(){S()}):k()},function(){S()}),i}function clearPreviousPages(){var e=this;appRouterCheck(e,"clearPreviousPages");var t=e.app,a=e.separateNavbar;e.$el.children(".page").filter(function(t,a){return!(!e.currentRoute||!e.currentRoute.modal&&!e.currentRoute.panel)||a!==e.currentPageEl}).each(function(r,n){var i=$(n),s=$(t.navbar.getElByPage(i));e.params.stackPages&&e.initialPages.indexOf(i[0])>=0?(i.addClass("stacked"),a&&s.addClass("stacked")):(e.pageCallback("beforeRemove",i,s,"previous",void 0,{}),e.removePage(i),a&&s.length&&e.removeNavbar(s))})}function clearPreviousHistory(){appRouterCheck(this,"clearPreviousHistory");var e=this.history[this.history.length-1];this.clearPreviousPages(),this.history=[e],this.view.history=[e],this.saveHistory()}var Router=function(e){function t(t,a){e.call(this,{},[void 0===a?t:a]);var r=this;r.isAppRouter=void 0===a,r.isAppRouter?Utils.extend(!1,r,{app:t,params:t.params.view,routes:t.routes||[],cache:t.cache}):Utils.extend(!1,r,{app:t,view:a,viewId:a.id,params:a.params,routes:a.routes,$el:a.$el,el:a.el,$navbarEl:a.$navbarEl,navbarEl:a.navbarEl,history:a.history,scrollHistory:a.scrollHistory,cache:t.cache,dynamicNavbar:"ios"===t.theme&&a.params.iosDynamicNavbar,separateNavbar:"ios"===t.theme&&a.params.iosDynamicNavbar&&a.params.iosSeparateDynamicNavbar,initialPages:[],initialNavbars:[]}),r.useModules(),r.tempDom=doc.createElement("div"),r.allowPageChange=!0;var n={},i={};return Object.defineProperty(r,"currentRoute",{enumerable:!0,configurable:!0,set:function(e){void 0===e&&(e={}),i=Utils.extend({},n),(n=e)&&(r.url=n.url,r.emit("routeChange",e,i,r))},get:function(){return n}}),Object.defineProperty(r,"previousRoute",{enumerable:!0,configurable:!0,get:function(){return i},set:function(e){i=e}}),r}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.animatableNavElements=function(e,t,a,r,n){var i,s,o=this.dynamicNavbar,l=this.separateNavbar,p=this.params.iosAnimateNavbarBackIcon;function c(e,t){var a,r=e.hasClass("sliding")||t.hasClass("sliding"),n=e.hasClass("subnavbar"),i=!r||!n,s=e.find(".back .icon");return r&&p&&e.hasClass("left")&&s.length>0&&s.next("span").length&&(e=s.next("span"),a=!0),{$el:e,isIconLabel:a,leftOffset:e[0].f7NavbarLeftOffset,rightOffset:e[0].f7NavbarRightOffset,isSliding:r,isSubnavbar:n,needsOpacityTransition:i}}return o&&(i=[],s=[],e.children(".left, .right, .title, .subnavbar").each(function(t,s){var o=$(s);o.hasClass("left")&&r&&"forward"===n&&l||o.hasClass("title")&&a||i.push(c(o,e))}),t.hasClass("navbar-master")&&this.params.masterDetailBreakpoint>0&&this.app.width>=this.params.masterDetailBreakpoint||t.children(".left, .right, .title, .subnavbar").each(function(e,i){var o=$(i);o.hasClass("left")&&a&&!r&&"forward"===n&&l||o.hasClass("left")&&a&&"backward"===n&&l||o.hasClass("title")&&r||s.push(c(o,t))}),[s,i].forEach(function(e){e.forEach(function(t){var a=t,r=t.isSliding,n=t.$el,o=e===s?i:s;r&&n.hasClass("title")&&o&&o.forEach(function(e){if(e.isIconLabel){var t=e.$el[0];a.leftOffset+=t&&t.offsetLeft||0}})})})),{newNavEls:i,oldNavEls:s}},t.prototype.animate=function(e,t,a,r,n,i){var s=this;if(s.params.animateCustom)s.params.animateCustom.apply(s,[e,t,a,r,n,i]);else{var o,l,p,c,d,u,h=s.dynamicNavbar,f="ios"===s.app.theme,v="router-transition-"+n+" router-transition";if(f&&h){d=a&&a.hasClass("navbar-inner-large"),u=r&&r.hasClass("navbar-inner-large"),p=d&&!a.hasClass("navbar-inner-large-collapsed"),c=u&&!r.hasClass("navbar-inner-large-collapsed");var m=s.animatableNavElements(r,a,c,p,n);o=m.newNavEls,l=m.oldNavEls}("forward"===n?t:e).animationEnd(function(){s.dynamicNavbar&&(r&&(r.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"),r.addClass("navbar-no-title-large-transition"),Utils.nextFrame(function(){r.removeClass("navbar-no-title-large-transition")})),a&&a.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"),r.hasClass("sliding")?r.find(".title, .left, .right, .left .icon, .subnavbar").transform(""):r.find(".sliding").transform(""),a.hasClass("sliding")?a.find(".title, .left, .right, .left .icon, .subnavbar").transform(""):a.find(".sliding").transform("")),s.$el.removeClass(v),i&&i()}),h?(g(0),Utils.nextFrame(function(){g(1),s.$el.addClass(v)})):s.$el.addClass(v)}function g(e){f&&h&&(1===e&&(c&&(r.addClass("router-navbar-transition-to-large"),a.addClass("router-navbar-transition-to-large")),p&&(r.addClass("router-navbar-transition-from-large"),a.addClass("router-navbar-transition-from-large"))),o.forEach(function(t){var a=t.$el,r="forward"===n?t.rightOffset:t.leftOffset;t.isSliding&&(t.isSubnavbar&&u?a[0].style.setProperty("transform","translate3d("+r*(1-e)+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)","important"):a.transform("translate3d("+r*(1-e)+"px,0,0)"))}),l.forEach(function(t){var a=t.$el,r="forward"===n?t.leftOffset:t.rightOffset;t.isSliding&&(t.isSubnavbar&&d?a.transform("translate3d("+r*e+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)"):a.transform("translate3d("+r*e+"px,0,0)"))}))}},t.prototype.removeModal=function(e){this.removeEl(e)},t.prototype.removeTabContent=function(e){$(e).html("")},t.prototype.removeNavbar=function(e){this.removeEl(e)},t.prototype.removePage=function(e){var t=$(e),a=t&&t[0]&&t[0].f7Page;a&&a.route&&a.route.route&&a.route.route.keepAlive?t.remove():this.removeEl(e)},t.prototype.removeEl=function(e){if(e){var t=$(e);0!==t.length&&(t.find(".tab").each(function(e,t){$(t).children().each(function(e,t){t.f7Component&&($(t).trigger("tab:beforeremove"),t.f7Component.$destroy())})}),t[0].f7Component&&t[0].f7Component.$destroy&&t[0].f7Component.$destroy(),this.params.removeElements&&(this.params.removeElementsWithTimeout?setTimeout(function(){t.remove()},this.params.removeElementsTimeout):t.remove()))}},t.prototype.getPageEl=function(e){if("string"==typeof e)this.tempDom.innerHTML=e;else{if($(e).hasClass("page"))return e;this.tempDom.innerHTML="",$(this.tempDom).append(e)}return this.findElement(".page",this.tempDom)},t.prototype.findElement=function(e,t,a){var r=this.view,n=this.app,i=$(t),s=e;a&&(s+=":not(.stacked)");var o=i.find(s).filter(function(e,t){return 0===$(t).parents(".popup, .dialog, .popover, .actions-modal, .sheet-modal, .login-screen, .page").length});return o.length>1&&("string"==typeof r.selector&&(o=i.find(r.selector+" "+s)),o.length>1&&(o=i.find("."+n.params.viewMainClass+" "+s))),1===o.length?o:(a||(o=this.findElement(s,i,!0)),o&&1===o.length?o:o&&o.length>1?$(o[0]):void 0)},t.prototype.flattenRoutes=function(e){void 0===e&&(e=this.routes);var t=this,a=[];return e.forEach(function(e){var r=!1;if("tabs"in e&&e.tabs){var n=e.tabs.map(function(t){var a=Utils.extend({},e,{path:(e.path+"/"+t.path).replace("///","/").replace("//","/"),parentPath:e.path,tab:t});return delete a.tabs,delete a.routes,a});r=!0,a=a.concat(t.flattenRoutes(n))}if("detailRoutes"in e){var i=e.detailRoutes.map(function(t){var a=Utils.extend({},t);return a.masterRoute=e,a.masterRoutePath=e.path,a});a=a.concat(e,t.flattenRoutes(i))}if("routes"in e){var s=e.routes.map(function(t){var a=Utils.extend({},t);return a.path=(e.path+"/"+a.path).replace("///","/").replace("//","/"),a});a=r?a.concat(t.flattenRoutes(s)):a.concat(e,t.flattenRoutes(s))}"routes"in e||"tabs"in e&&e.tabs||"detailRoutes"in e||a.push(e)}),a},t.prototype.parseRouteUrl=function(e){if(!e)return{};var t=Utils.parseUrlQuery(e),a=e.split("#")[1],r=e.split("#")[0].split("?")[0];return{query:t,hash:a,params:{},url:e,path:r}},t.prototype.constructRouteUrl=function(e,t){void 0===t&&(t={});var a,r=t.params,n=t.query,i=e.path,s=pathToRegexp_1.compile(i);try{a=s(r||{})}catch(e){throw new Error("Framework7: error constructing route URL from passed params:\nRoute: "+i+"\n"+e.toString())}return n&&(a+="string"==typeof n?"?"+n:"?"+Utils.serializeObject(n)),a},t.prototype.findTabRoute=function(e){var t,a=$(e),r=this.currentRoute.route.parentPath,n=a.attr("id");return this.flattenRoutes(this.routes).forEach(function(e){e.parentPath===r&&e.tab&&e.tab.id===n&&(t=e)}),t},t.prototype.findRouteByKey=function(e,t){var a,r=this.routes;return this.flattenRoutes(r).forEach(function(r){a||r[e]===t&&(a=r)}),a},t.prototype.findMatchingRoute=function(e){if(e){var t,a=this.routes,r=this.flattenRoutes(a),n=this.parseRouteUrl(e),i=n.path,s=n.query,o=n.hash,l=n.params;return r.forEach(function(a){if(!t){var r,n,p=[],c=[a.path];if(a.alias&&("string"==typeof a.alias?c.push(a.alias):Array.isArray(a.alias)&&a.alias.forEach(function(e){c.push(e)})),c.forEach(function(e){r||(r=pathToRegexp_1(e,p).exec(i))}),r)p.forEach(function(e,t){if("number"!=typeof e.name){var a=r[t+1];l[e.name]=a}}),a.parentPath&&(n=i.split("/").slice(0,a.parentPath.split("/").length-1).join("/")),t={query:s,hash:o,params:l,url:e,path:i,parentPath:n,route:a,name:a.name}}}),t}},t.prototype.replaceRequestUrlParams=function(e,t){void 0===e&&(e=""),void 0===t&&(t={});var a=e;return"string"==typeof a&&a.indexOf("{{")>=0&&t&&t.route&&t.route.params&&Object.keys(t.route.params).length&&Object.keys(t.route.params).forEach(function(e){var r=new RegExp("{{"+e+"}}","g");a=a.replace(r,t.route.params[e]||"")}),a},t.prototype.removeFromXhrCache=function(e){for(var t=this.cache.xhr,a=!1,r=0;r=0;return r.passRouteQueryToRequest&&t&&t.route&&t.route.query&&Object.keys(t.route.query).length&&(i+=(s?"&":"?")+Utils.serializeObject(t.route.query),s=!0),r.passRouteParamsToRequest&&t&&t.route&&t.route.params&&Object.keys(t.route.params).length&&(i+=(s?"&":"?")+Utils.serializeObject(t.route.params),s=!0),i.indexOf("{{")>=0&&(i=a.replaceRequestUrlParams(i,t)),r.xhrCacheIgnoreGetParameters&&i.indexOf("?")>=0&&(i=i.split("?")[0]),new Promise(function(e,s){if(r.xhrCache&&!n&&i.indexOf("nocache")<0&&r.xhrCacheIgnore.indexOf(i)<0)for(var o=0;o=200&&n.status<300||0===n.status?(r.xhrCache&&""!==n.responseText&&(a.removeFromXhrCache(i),a.cache.xhr.push({url:i,time:Utils.now(),content:n.responseText})),a.emit("routerAjaxSuccess",n,t),e(n.responseText)):(a.emit("routerAjaxError",n,t),s(n))},error:function(e){a.emit("routerAjaxError",e,t),s(e)}})})},t.prototype.removeThemeElements=function(e){var t=this.app.theme;$(e).find("."+("md"===t?"ios":"md")+"-only, .if-"+("md"===t?"ios":"md")).remove()},t.prototype.getPageData=function(e,t,a,r,n,i){void 0===n&&(n={});var s,o,l=$(e).eq(0),p=$(t).eq(0),c=l[0].f7Page||{};if(("next"===a&&"current"===r||"current"===a&&"previous"===r)&&(s="forward"),("current"===a&&"next"===r||"previous"===a&&"current"===r)&&(s="backward"),c&&!c.fromPage){var d=$(i);d.length&&(o=d[0].f7Page)}(o=c.pageFrom||o)&&o.pageFrom&&(o.pageFrom=null);var u={app:this.app,view:this.view,router:this,$el:l,el:l[0],$pageEl:l,pageEl:l[0],$navbarEl:p,navbarEl:p[0],name:l.attr("data-name"),position:a,from:a,to:r,direction:s,route:c.route?c.route:n,pageFrom:o};return l[0].f7Page=u,u},t.prototype.pageCallback=function(e,t,a,r,n,i,s){if(void 0===i&&(i={}),t){var o=this,l=$(t);if(l.length){var p=$(a),c=i.route,d=o.params.restoreScrollTopOnBack&&!(o.params.masterDetailBreakpoint>0&&l.hasClass("page-master")&&o.app.width>=o.params.masterDetailBreakpoint),u=l[0].f7Page&&l[0].f7Page.route&&l[0].f7Page.route.route&&l[0].f7Page.route.route.keepAlive;"beforeRemove"===e&&u&&(e="beforeUnmount");var h="page"+(e[0].toUpperCase()+e.slice(1,e.length)),f="page:"+e.toLowerCase(),v={};(v="beforeRemove"===e&&l[0].f7Page?Utils.extend(l[0].f7Page,{from:r,to:n,position:r}):o.getPageData(l[0],p[0],r,n,c,s)).swipeBack=!!i.swipeBack;var m=i.route?i.route.route:{},g=m.on;void 0===g&&(g={});var b=m.once;if(void 0===b&&(b={}),i.on&&Utils.extend(g,i.on),i.once&&Utils.extend(b,i.once),"mounted"===e&&C(),"init"===e){if(d&&("previous"===r||!r)&&"current"===n&&o.scrollHistory[v.route.url]&&!l.hasClass("no-restore-scroll")){var y=l.find(".page-content");y.length>0&&(y=y.filter(function(e,t){return 0===$(t).parents(".tab:not(.tab-active)").length&&!$(t).is(".tab:not(.tab-active)")})),y.scrollTop(o.scrollHistory[v.route.url])}if(C(),l[0].f7PageInitialized)return l.trigger("page:reinit",v),void o.emit("pageReinit",v);l[0].f7PageInitialized=!0}if(d&&"beforeOut"===e&&"current"===r&&"previous"===n){var w=l.find(".page-content");w.length>0&&(w=w.filter(function(e,t){return 0===$(t).parents(".tab:not(.tab-active)").length&&!$(t).is(".tab:not(.tab-active)")})),o.scrollHistory[v.route.url]=w.scrollTop()}d&&"beforeOut"===e&&"current"===r&&"next"===n&&delete o.scrollHistory[v.route.url],l.trigger(f,v),o.emit(h,v),"beforeRemove"!==e&&"beforeUnmount"!==e||(l[0].f7RouteEventsAttached&&(l[0].f7RouteEventsOn&&Object.keys(l[0].f7RouteEventsOn).forEach(function(e){l.off(Utils.eventNameToColonCase(e),l[0].f7RouteEventsOn[e])}),l[0].f7RouteEventsOnce&&Object.keys(l[0].f7RouteEventsOnce).forEach(function(e){l.off(Utils.eventNameToColonCase(e),l[0].f7RouteEventsOnce[e])}),l[0].f7RouteEventsAttached=null,l[0].f7RouteEventsOn=null,l[0].f7RouteEventsOnce=null,delete l[0].f7RouteEventsAttached,delete l[0].f7RouteEventsOn,delete l[0].f7RouteEventsOnce),u||(l[0].f7Page&&l[0].f7Page.navbarEl&&delete l[0].f7Page.navbarEl.f7Page,l[0].f7Page=null))}}function C(){l[0].f7RouteEventsAttached||(l[0].f7RouteEventsAttached=!0,g&&Object.keys(g).length>0&&(l[0].f7RouteEventsOn=g,Object.keys(g).forEach(function(e){g[e]=g[e].bind(o),l.on(Utils.eventNameToColonCase(e),g[e])})),b&&Object.keys(b).length>0&&(l[0].f7RouteEventsOnce=b,Object.keys(b).forEach(function(e){b[e]=b[e].bind(o),l.once(Utils.eventNameToColonCase(e),b[e])})))}},t.prototype.saveHistory=function(){this.view.history=this.history,this.params.pushState&&(win.localStorage["f7router-"+this.view.id+"-history"]=JSON.stringify(this.history))},t.prototype.restoreHistory=function(){this.params.pushState&&win.localStorage["f7router-"+this.view.id+"-history"]&&(this.history=JSON.parse(win.localStorage["f7router-"+this.view.id+"-history"]),this.view.history=this.history)},t.prototype.clearHistory=function(){this.history=[],this.view&&(this.view.history=[]),this.saveHistory()},t.prototype.updateCurrentUrl=function(e){appRouterCheck(this,"updateCurrentUrl"),this.history.length?this.history[this.history.length-1]=e:this.history.push(e);var t=this.parseRouteUrl(e),a=t.query,r=t.hash,n=t.params,i=t.url,s=t.path;if(this.currentRoute&&Utils.extend(this.currentRoute,{query:a,hash:r,params:n,url:i,path:s}),this.params.pushState){var o=this.params.pushStateRoot||"";History.replace(this.view.id,{url:e},o+this.params.pushStateSeparator+e)}this.saveHistory(),this.emit("routeUrlUpdate",this.currentRoute,this)},t.prototype.init=function(){var e=this,t=e.app,a=e.view;(a&&e.params.iosSwipeBack&&"ios"===t.theme||a&&e.params.mdSwipeBack&&"md"===t.theme)&&SwipeBack(e),e.dynamicNavbar&&!e.separateNavbar&&e.$el.addClass("router-dynamic-navbar-inside");var r,n,i,s=e.params.url,o=doc.location.href.split(doc.location.origin)[1],l=e.params,p=l.pushState,c=l.pushStateOnLoad,d=l.pushStateSeparator,u=l.pushStateAnimateOnLoad,h=e.params.pushStateRoot;(win.cordova&&p&&!d&&!h&&doc.location.pathname.indexOf("index.html")&&(console.warn("Framework7: wrong or not complete pushState configuration, trying to guess pushStateRoot"),h=doc.location.pathname.split("index.html")[0]),p&&c?(h&&o.indexOf(h)>=0&&""===(o=o.split(h)[1])&&(o="/"),s=d.length>0&&o.indexOf(d)>=0?o.split(d)[1]:o,e.restoreHistory(),e.history.indexOf(s)>=0?e.history=e.history.slice(0,e.history.indexOf(s)+1):e.params.url===s?e.history=[s]:History.state&&History.state[a.id]&&History.state[a.id].url===e.history[e.history.length-1]?s=e.history[e.history.length-1]:e.history=[o.split(d)[0]||"/",s],e.history.length>1?r=!0:e.history=[],e.saveHistory()):(s||(s=o),doc.location.search&&s.indexOf("?")<0&&(s+=doc.location.search),doc.location.hash&&s.indexOf("#")<0&&(s+=doc.location.hash)),e.history.length>1?(n=e.findMatchingRoute(e.history[0]))||(n=Utils.extend(e.parseRouteUrl(e.history[0]),{route:{url:e.history[0],path:e.history[0].split("?")[0]}})):(n=e.findMatchingRoute(s))||(n=Utils.extend(e.parseRouteUrl(s),{route:{url:s,path:s.split("?")[0]}})),e.params.stackPages&&e.$el.children(".page").each(function(t,a){var r=$(a);e.initialPages.push(r[0]),e.separateNavbar&&r.children(".navbar").length>0&&e.initialNavbars.push(r.children(".navbar").find(".navbar-inner")[0])}),0===e.$el.children(".page:not(.stacked)").length&&s)?e.navigate(s,{initial:!0,reloadCurrent:!0,pushState:!1}):(e.currentRoute=n,e.$el.children(".page:not(.stacked)").each(function(t,a){var r,n=$(a);n.addClass("page-current"),e.separateNavbar&&((r=n.children(".navbar").children(".navbar-inner")).length>0?(e.$navbarEl.parents(doc).length||e.$el.prepend(e.$navbarEl),r.addClass("navbar-current"),e.$navbarEl.append(r),r.children(".title-large").length&&r.addClass("navbar-inner-large"),n.children(".navbar").remove()):(e.$navbarEl.addClass("navbar-hidden"),r.children(".title-large").length&&e.$navbarEl.addClass("navbar-hidden navbar-large-hidden"))),e.currentRoute&&e.currentRoute.route&&e.currentRoute.route.master&&e.params.masterDetailBreakpoint>0&&(n.addClass("page-master"),n.trigger("page:role",{role:"master"}),r&&r.length&&r.addClass("navbar-master"));var s={route:e.currentRoute};e.currentRoute&&e.currentRoute.route&&e.currentRoute.route.options&&Utils.extend(s,e.currentRoute.route.options),e.currentPageEl=n[0],e.separateNavbar&&r.length&&(e.currentNavbarEl=r[0]),e.removeThemeElements(n),e.separateNavbar&&r.length&&e.removeThemeElements(r),s.route.route.tab&&(i=!0,e.tabLoad(s.route.route.tab,Utils.extend({},s))),e.pageCallback("init",n,r,"current",void 0,s)}),r&&e.navigate(s,{initial:!0,pushState:!1,history:!1,animate:u,once:{pageAfterIn:function(){e.history.length>2&&e.back({preload:!0})}}}),r||i||(e.history.push(s),e.saveHistory()));!(s&&p&&c)||History.state&&History.state[a.id]||History.initViewState(a.id,{url:s}),e.emit("local::init routerInit",e)},t.prototype.destroy=function(){var e=this;e.emit("local::destroy routerDestroy",e),Object.keys(e).forEach(function(t){e[t]=null,delete e[t]}),e=null},t}(Framework7Class);Router.prototype.forward=forward,Router.prototype.load=load,Router.prototype.navigate=navigate,Router.prototype.refreshPage=refreshPage,Router.prototype.tabLoad=tabLoad,Router.prototype.tabRemove=tabRemove,Router.prototype.modalLoad=modalLoad,Router.prototype.modalRemove=modalRemove,Router.prototype.backward=backward,Router.prototype.loadBack=loadBack,Router.prototype.back=back,Router.prototype.clearPreviousPages=clearPreviousPages,Router.prototype.clearPreviousHistory=clearPreviousHistory;var Router$1={name:"router",static:{Router:Router},instance:{cache:{xhr:[],templates:[],components:[]}},create:function(){this.app?this.params.router&&(this.router=new Router(this.app,this)):this.router=new Router(this)}},View=function(e){function t(t,a,r){void 0===r&&(r={}),e.call(this,r,[t]);var n,i,s,o=t,l=$(a),p=this;return p.params=Utils.extend({routes:[],routesAdd:[]},o.params.view,r),p.params.routes.length>0?p.routes=p.params.routes:p.routes=[].concat(o.routes,p.params.routesAdd),n="string"==typeof a?a:(l.attr("id")?"#"+l.attr("id"):"")+(l.attr("class")?"."+l.attr("class").replace(/ /g,".").replace(".active",""):""),"ios"===o.theme&&p.params.iosDynamicNavbar&&p.params.iosSeparateDynamicNavbar&&0===(i=l.children(".navbar").eq(0)).length&&(i=$('
            ')),Utils.extend(!1,p,{app:o,$el:l,el:l[0],name:p.params.name,main:p.params.main||l.hasClass("view-main"),$navbarEl:i,navbarEl:i?i[0]:void 0,selector:n,history:[],scrollHistory:{}}),l[0].f7View=p,p.useModules(),o.views.push(p),p.main&&(o.views.main=p),p.name&&(o.views[p.name]=p),p.index=o.views.indexOf(p),s=p.name?"view_"+p.name:p.main?"view_main":"view_"+p.index,p.id=s,o.initialized?p.init():o.on("init",function(){p.init()}),p}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.destroy=function(){var e=this,t=e.app;e.$el.trigger("view:beforedestroy",e),e.emit("local::beforeDestroy viewBeforeDestroy",e),t.off("resize",e.checkmasterDetailBreakpoint),e.main?(t.views.main=null,delete t.views.main):e.name&&(t.views[e.name]=null,delete t.views[e.name]),e.$el[0].f7View=null,delete e.$el[0].f7View,t.views.splice(t.views.indexOf(e),1),e.params.router&&e.router&&e.router.destroy(),e.emit("local::destroy viewDestroy",e),Object.keys(e).forEach(function(t){e[t]=null,delete e[t]}),e=null},t.prototype.checkmasterDetailBreakpoint=function(){var e=this.app,t=this.$el.hasClass("view-master-detail");e.width>=this.params.masterDetailBreakpoint?(this.$el.addClass("view-master-detail"),t||(this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint"),this.$el.trigger("view:masterDetailBreakpoint",this))):(this.$el.removeClass("view-master-detail"),t&&(this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint"),this.$el.trigger("view:masterDetailBreakpoint",this)))},t.prototype.initMasterDetail=function(){var e=this.app;this.checkmasterDetailBreakpoint=this.checkmasterDetailBreakpoint.bind(this),this.checkmasterDetailBreakpoint(),e.on("resize",this.checkmasterDetailBreakpoint)},t.prototype.init=function(){this.params.router&&(this.params.masterDetailBreakpoint>0&&this.initMasterDetail(),this.router.init(),this.$el.trigger("view:init",this),this.emit("local::init viewInit",this))},t}(Framework7Class);function initClicks(e){e.on("click",function(t){var a=$(t.target),r=a.closest("a"),n=r.length>0,i=n&&r.attr("href"),s=n&&r.hasClass("tab-link")&&(r.attr("data-tab")||i&&0===i.indexOf("#"));if(n&&(r.is(e.params.clicks.externalLinks)||i&&i.indexOf("javascript:")>=0)){var o=r.attr("target");i&&win.cordova&&win.cordova.InAppBrowser&&("_system"===o||"_blank"===o)&&(t.preventDefault(),win.cordova.InAppBrowser.open(i,o))}else{Object.keys(e.modules).forEach(function(r){var n=e.modules[r].clicks;n&&Object.keys(n).forEach(function(r){var i=a.closest(r).eq(0);i.length>0&&n[r].call(e,i,i.dataset(),t)})});var l={};if(n&&(t.preventDefault(),l=r.dataset()),!r.hasClass("prevent-router")&&!r.hasClass("router-prevent")&&(i&&i.length>0&&"#"!==i&&!s||r.hasClass("back"))){var p;if(l.view?p=$(l.view)[0].f7View:(p=a.parents(".view")[0]&&a.parents(".view")[0].f7View,!r.hasClass("back")&&p&&p.params.linksView&&("string"==typeof p.params.linksView?p=$(p.params.linksView)[0].f7View:p.params.linksView instanceof View&&(p=p.params.linksView))),p||e.views.main&&(p=e.views.main),!p||!p.router)return;if(l.context&&"string"==typeof l.context)try{l.context=JSON.parse(l.context)}catch(e){}r[0].f7RouteProps&&(l.props=r[0].f7RouteProps),r.hasClass("back")?p.router.back(i,l):p.router.navigate(i,l)}}})}View.use(Router$1);var ClicksModule={name:"clicks",params:{clicks:{externalLinks:".external"}},on:{init:function(){initClicks(this)}}},RouterTemplateLoaderModule={name:"routerTemplateLoader",proto:{templateLoader:function(e,t,a,r,n){var i=this;function s(e){var t,s;try{if("function"==typeof(s=a.context||{}))s=s.call(i);else if("string"==typeof s)try{s=JSON.parse(s)}catch(e){throw n(),e}t="function"==typeof e?e(s):Template7.compile(e)(Utils.extend({},s||{},{$app:i.app,$root:Utils.extend({},i.app.data,i.app.methods),$route:a.route,$f7route:a.route,$router:i,$f7router:i,$theme:{ios:"ios"===i.app.theme,md:"md"===i.app.theme}}))}catch(e){throw n(),e}r(t,{context:s})}t?(i.xhr&&(i.xhr.abort(),i.xhr=!1),i.xhrRequest(t,a).then(function(e){s(e)}).catch(function(){n()})):s(e)},modalTemplateLoader:function(e,t,a,r,n){return this.templateLoader(e,t,a,function(e){r(e)},n)},tabTemplateLoader:function(e,t,a,r,n){return this.templateLoader(e,t,a,function(e){r(e)},n)},pageTemplateLoader:function(e,t,a,r,n){var i=this;return i.templateLoader(e,t,a,function(e,t){void 0===t&&(t={}),r(i.getPageEl(e),t)},n)}}},RouterComponentLoaderModule={name:"routerComponentLoader",proto:{componentLoader:function(e,t,a,r,n){void 0===a&&(a={});var i,s=this,o=s.app,l="string"==typeof e?e:t,p=s.replaceRequestUrlParams(l,a);function c(e){var t=a.context||{};if("function"==typeof t)t=t.call(s);else if("string"==typeof t)try{t=JSON.parse(t)}catch(e){throw n(),e}var i=Utils.merge({},t,{$route:a.route,$f7route:a.route,$router:s,$f7router:s,$theme:{ios:"ios"===o.theme,md:"md"===o.theme}}),l=o.component.create(e,i);r(l.el)}p&&s.cache.components.forEach(function(e){e.url===p&&(i=e.component)}),p&&i?c(i):p&&!i?(s.xhr&&(s.xhr.abort(),s.xhr=!1),s.xhrRequest(l,a).then(function(e){var t=o.component.parse(e);s.cache.components.push({url:p,component:t}),c(t)}).catch(function(e){throw n(),e})):c(e)},modalComponentLoader:function(e,t,a,r,n,i){this.componentLoader(t,a,r,function(e){n(e)},i)},tabComponentLoader:function(e,t,a,r,n,i){this.componentLoader(t,a,r,function(e){n(e)},i)},pageComponentLoader:function(e,t,a,r,n,i){this.componentLoader(t,a,r,function(e,t){void 0===t&&(t={}),n(e,t)},i)}}},HistoryModule={name:"history",static:{history:History},on:{init:function(){History.init(this)}}},keyPrefix="f7storage-",Storage={get:function(e){return new Promise(function(t,a){try{t(JSON.parse(win.localStorage.getItem(""+keyPrefix+e)))}catch(e){a(e)}})},set:function(e,t){return new Promise(function(a,r){try{win.localStorage.setItem(""+keyPrefix+e,JSON.stringify(t)),a()}catch(e){r(e)}})},remove:function(e){return new Promise(function(t,a){try{win.localStorage.removeItem(""+keyPrefix+e),t()}catch(e){a(e)}})},clear:function(){},length:function(){},keys:function(){return new Promise(function(e,t){try{e(Object.keys(win.localStorage).filter(function(e){return 0===e.indexOf(keyPrefix)}).map(function(e){return e.replace(keyPrefix,"")}))}catch(e){t(e)}})},forEach:function(e){return new Promise(function(t,a){try{Object.keys(win.localStorage).filter(function(e){return 0===e.indexOf(keyPrefix)}).forEach(function(t,a){var r=t.replace(keyPrefix,"");Storage.get(r).then(function(t){e(r,t,a)})}),t()}catch(e){a(e)}})}},StorageModule={name:"storage",static:{Storage:Storage,storage:Storage}};function vnode(e,t,a,r,n){return{sel:e,data:t,children:a,text:r,elm:n,key:void 0===t?void 0:t.key}}var array=Array.isArray;function primitive(e){return"string"==typeof e||"number"==typeof e}function addNS(e,t,a){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==a&&void 0!==t)for(var r=0;r=0)r.split(".").forEach(function(e,a){if(0!==a||"this"!==e){if(0===a&&"window"===e)return n=win,void(c=!1);if(n||(n=t),!n[e])throw new Error("Framework7: Component doesn't have method \""+r.split(".").slice(0,a+1).join(".")+'"');n=n[e]}});else{if(!t[r])throw new Error("Framework7: Component doesn't have method \""+r+'"');n=t[r]}return c&&(n=n.bind(t)),function(){for(var a=[],r=arguments.length;r--;)a[r]=arguments[r];var c=a[0];o&&l||(i&&c.stopPropagation(),s&&c.preventDefault(),l=!0,e.indexOf("(")<0?p=a:e.split("(")[1].split(")")[0].split(",").forEach(function(e){var a=e.trim();if(isNaN(a))if("true"===a)a=!0;else if("false"===a)a=!1;else if("null"===a)a=null;else if("undefined"===a)a=void 0;else if('"'===a[0])a=a.replace(/"/g,"");else if("'"===a[0])a=a.replace(/'/g,"");else if(a.indexOf(".")>0){var r;a.split(".").forEach(function(e){r||(r=t),r=r[e]}),a=r}else a=t[a];else a=parseFloat(a);p.push(a)}),n.apply(void 0,p))}}function getData(e,t,a,r,n){var i={context:t},s=e.attributes;Array.prototype.forEach.call(s,function(e){var a=e.name,r=e.value;if(propsAttrs.indexOf(a)>=0)i.props||(i.props={}),"readonly"===a&&(a="readOnly"),booleanProps.indexOf(a)>=0?i.props[a]=!1!==r:i.props[a]=r;else if("key"===a)i.key=r;else if(0===a.indexOf("@")){i.on||(i.on={});var s=a.substr(1),o=!1,l=!1,p=!1;s.indexOf(".")>=0&&s.split(".").forEach(function(e,t){0===t?s=e:("stop"===e&&(o=!0),"prevent"===e&&(l=!0),"once"===e&&(p=!0))}),i.on[s]=getEventHandler(r,t,{stop:o,prevent:l,once:p})}else if("style"===a)if(r.indexOf("{")>=0&&r.indexOf("}")>=0)try{i.style=JSON.parse(r)}catch(e){i.attrs||(i.attrs={}),i.attrs.style=r}else i.attrs||(i.attrs={}),i.attrs.style=r;else i.attrs||(i.attrs={}),i.attrs[a]=r,"id"!==a||i.key||n||(i.key=r)});var o=getHooks(i,a,r,n);return o.prepatch=function(e,t){e&&t&&e&&e.data&&e.data.props&&Object.keys(e.data.props).forEach(function(a){booleanProps.indexOf(a)<0||(t.data||(t.data={}),t.data.props||(t.data.props={}),!0!==e.data.props[a]||a in t.data.props||(t.data.props[a]=!1))})},o&&(i.hook=o),i}function getChildren(e,t,a,r){for(var n=[],i=e.childNodes,s=0;s=0?[]:getChildren(e,t,a,r))}return 3===e.nodeType?e.textContent:null}function vdom(e,t,a,r){var n;void 0===e&&(e=""),tempDom.innerHTML=e.trim();for(var i=0;i0?p:o.length,u=c>0?c:o.length,h=-1!==p||-1!==c?o.slice(0,Math.min(d,u)):o,f=e.elm=isDef(r)&&isDef(a=r.ns)?i.createElementNS(a,h):i.createElement(h);for(d0&&f.setAttribute("class",o.slice(u+1).replace(/\./g," ")),a=0;af?p(e,null==a[g+1]?null:a[g+1].elm,a,h,g,r):d(e,t,c,f))}(o,c,h,a):isDef(h)?(isDef(e.text)&&i.setTextContent(o,""),p(o,null,h,0,h.length-1,a)):isDef(c)?d(o,c,0,c.length-1):isDef(e.text)&&i.setTextContent(o,""):e.text!==t.text&&i.setTextContent(o,t.text),isDef(s)&&isDef(r=s.postpatch)&&r(e,t)}}return function(e,t){var a,r,s,o=[];for(a=0;a0;)a[r]=arguments[r+1];handleEvent(t,a,e.vnode)}}function updateEvents(e,t){var a=e.data.on,r=e.listener,n=e.elm,i=t&&t.data.on,s=t&&t.elm;if(a!==i&&(a&&r&&(i?Object.keys(a).forEach(function(e){i[e]||$(n).off(e,r)}):Object.keys(a).forEach(function(e){$(n).off(e,r)})),i)){var o=e.listener||createListener();t.listener=o,o.vnode=t,a?Object.keys(i).forEach(function(e){a[e]||$(s).on(e,o)}):Object.keys(i).forEach(function(e){$(s).on(e,o)})}}var eventListenersModule={create:updateEvents,update:updateEvents,destroy:updateEvents},patch=init$1([attributesModule,propsModule,styleModule,eventListenersModule]),Framework7Component=function(e,t,a){void 0===a&&(a={});var r=Utils.id(),n=Utils.merge(this,a,{$:$,$$:$,$dom7:$,$app:e,$f7:e,$options:Utils.extend({id:r},t)}),i=n.$options;Object.defineProperty(n,"$root",{enumerable:!0,configurable:!0,get:function(){var t=Utils.merge({},e.data,e.methods);return win&&win.Proxy&&(t=new win.Proxy(t,{set:function(t,a,r){e.data[a]=r},deleteProperty:function(t,a){delete e.data[a],delete e.methods[a]},has:function(t,a){return a in e.data||a in e.methods}})),t},set:function(){}}),"beforeCreate created beforeMount mounted beforeDestroy destroyed updated".split(" ").forEach(function(e){i[e]&&(i[e]=i[e].bind(n))}),i.data&&(i.data=i.data.bind(n),Utils.extend(n,i.data())),i.render&&(i.render=i.render.bind(n)),i.methods&&Object.keys(i.methods).forEach(function(e){n[e]=i.methods[e].bind(n)}),i.on&&Object.keys(i.on).forEach(function(e){i.on[e]=i.on[e].bind(n)}),i.once&&Object.keys(i.once).forEach(function(e){i.once[e]=i.once[e].bind(n)}),i.beforeCreate&&i.beforeCreate();var s=n.$render();return s&&"string"==typeof s?(s=s.trim(),n.$vnode=vdom(s,n,e,!0),n.el=doc.createElement("div"),patch(n.el,n.$vnode)):s&&(n.el=s),n.$el=$(n.el),i.style&&(n.$styleEl=doc.createElement("style"),n.$styleEl.innerHTML=i.style,i.styleScoped&&n.el.setAttribute("data-f7-"+i.id,"")),n.$attachEvents(),i.created&&i.created(),n.el.f7Component=n,n};function parseComponent(e){var t,a=Utils.id(),r="f7_component_create_callback_"+a,n="f7_component_render_callback_"+a,i=e.match(//),s=i[2]||"t7";i&&(t=e.split(//).filter(function(e,t){return t>0}).join("").filter(function(e,t,a){return t").replace(/{{#raw}}([ \n]*)