framework7 8.0.0-beta.1 → 8.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/components/checkbox/checkbox-rtl.css +1 -1
  2. package/components/checkbox/checkbox.css +1 -1
  3. package/components/checkbox/checkbox.less +22 -0
  4. package/components/dialog/dialog-md.less +1 -0
  5. package/components/dialog/dialog-rtl.css +1 -1
  6. package/components/dialog/dialog.css +1 -1
  7. package/components/notification/notification.d.ts +1 -1
  8. package/components/panel/panel-class.js +14 -0
  9. package/components/photo-browser/photo-browser-class.js +1 -0
  10. package/components/photo-browser/photo-browser.d.ts +2 -0
  11. package/components/photo-browser/photo-browser.js +2 -0
  12. package/components/picker/picker-rtl.css +1 -1
  13. package/components/picker/picker.css +1 -1
  14. package/components/picker/picker.less +36 -33
  15. package/components/popover/popover-rtl.css +1 -1
  16. package/components/popover/popover.css +1 -1
  17. package/components/popover/popover.less +4 -0
  18. package/components/smart-select/smart-select-class.js +19 -5
  19. package/components/smart-select/smart-select.d.ts +4 -1
  20. package/components/smart-select/smart-select.js +2 -0
  21. package/components/swiper/swiper-rtl.css +1 -1
  22. package/components/swiper/swiper.css +1 -1
  23. package/components/swiper/swiper.js +6 -18
  24. package/framework7-bundle-rtl.css +87 -36
  25. package/framework7-bundle-rtl.min.css +4 -4
  26. package/framework7-bundle.css +87 -36
  27. package/framework7-bundle.esm.js +3 -3
  28. package/framework7-bundle.js +783 -433
  29. package/framework7-bundle.js.map +1 -1
  30. package/framework7-bundle.less +3 -3
  31. package/framework7-bundle.min.css +4 -4
  32. package/framework7-bundle.min.js +4 -4
  33. package/framework7-bundle.min.js.map +1 -1
  34. package/framework7-lite-bundle.esm.js +3 -3
  35. package/framework7-lite.esm.js +3 -3
  36. package/framework7-rtl.css +3 -3
  37. package/framework7-rtl.min.css +3 -3
  38. package/framework7.css +3 -3
  39. package/framework7.esm.js +3 -3
  40. package/framework7.less +3 -3
  41. package/framework7.min.css +3 -3
  42. package/modules/router/back.js +22 -6
  43. package/modules/router/navigate.js +11 -2
  44. package/modules/router/router-class.js +3 -2
  45. package/modules/router/router.d.ts +1 -1
  46. package/package.json +3 -3
  47. package/components/accordion/accordion.lazy.js +0 -1
  48. package/components/actions/actions.lazy.js +0 -1
  49. package/components/area-chart/area-chart.lazy.js +0 -1
  50. package/components/autocomplete/autocomplete.lazy.js +0 -1
  51. package/components/breadcrumbs/breadcrumbs.lazy.js +0 -1
  52. package/components/calendar/calendar.lazy.js +0 -1
  53. package/components/card/card.lazy.js +0 -1
  54. package/components/checkbox/checkbox.lazy.js +0 -1
  55. package/components/chip/chip.lazy.js +0 -1
  56. package/components/color-picker/color-picker.lazy.js +0 -1
  57. package/components/contacts-list/contacts-list.lazy.js +0 -1
  58. package/components/data-table/data-table.lazy.js +0 -1
  59. package/components/dialog/dialog.lazy.js +0 -1
  60. package/components/fab/fab.lazy.js +0 -1
  61. package/components/form/form.lazy.js +0 -1
  62. package/components/gauge/gauge.lazy.js +0 -1
  63. package/components/grid/grid.lazy.js +0 -1
  64. package/components/infinite-scroll/infinite-scroll.lazy.js +0 -1
  65. package/components/input/input.lazy.js +0 -1
  66. package/components/list-index/list-index.lazy.js +0 -1
  67. package/components/login-screen/login-screen.lazy.js +0 -1
  68. package/components/messagebar/messagebar.lazy.js +0 -1
  69. package/components/messages/messages.lazy.js +0 -1
  70. package/components/notification/notification.lazy.js +0 -1
  71. package/components/panel/panel.lazy.js +0 -1
  72. package/components/photo-browser/photo-browser.lazy.js +0 -1
  73. package/components/picker/picker.lazy.js +0 -1
  74. package/components/pie-chart/pie-chart.lazy.js +0 -1
  75. package/components/popover/popover.lazy.js +0 -1
  76. package/components/popup/popup.lazy.js +0 -1
  77. package/components/preloader/preloader.lazy.js +0 -1
  78. package/components/progressbar/progressbar.lazy.js +0 -1
  79. package/components/pull-to-refresh/pull-to-refresh.lazy.js +0 -1
  80. package/components/radio/radio.lazy.js +0 -1
  81. package/components/range/range.lazy.js +0 -1
  82. package/components/searchbar/searchbar.lazy.js +0 -1
  83. package/components/sheet/sheet.lazy.js +0 -1
  84. package/components/skeleton/skeleton.lazy.js +0 -1
  85. package/components/smart-select/smart-select.lazy.js +0 -1
  86. package/components/sortable/sortable.lazy.js +0 -1
  87. package/components/stepper/stepper.lazy.js +0 -1
  88. package/components/swipeout/swipeout.lazy.js +0 -1
  89. package/components/swiper/swiper.lazy.js +0 -1
  90. package/components/tabs/tabs.lazy.js +0 -1
  91. package/components/text-editor/text-editor.lazy.js +0 -1
  92. package/components/timeline/timeline.lazy.js +0 -1
  93. package/components/toast/toast.lazy.js +0 -1
  94. package/components/toggle/toggle.lazy.js +0 -1
  95. package/components/tooltip/tooltip.lazy.js +0 -1
  96. package/components/treeview/treeview.lazy.js +0 -1
  97. package/components/typography/typography.lazy.js +0 -1
  98. package/components/virtual-list/virtual-list.lazy.js +0 -1
  99. package/framework7-lite.js +0 -31
  100. package/framework7.js +0 -13027
  101. package/framework7.js.map +0 -1
  102. package/framework7.min.js +0 -14
  103. package/framework7.min.js.map +0 -1
  104. package/less/plugin.js +0 -15
package/framework7.min.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
- * Framework7 8.0.0-beta.1
2
+ * Framework7 8.0.0-beta.2
3
3
  * Full featured mobile HTML framework for building iOS & Android apps
4
4
  * https://framework7.io/
5
5
  *
6
- * Copyright 2014-2022 Vladimir Kharlampidi
6
+ * Copyright 2014-2023 Vladimir Kharlampidi
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: December 16, 2022
10
+ * Released on: February 7, 2023
11
11
  */
12
12
 
13
13
  :root{--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;--f7-bars-translucent-opacity:0.8;--f7-bars-translucent-blur:20px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-line-height:1.4;--f7-bars-text-color:#000;--f7-text-color:#000;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .dark,.ios.dark{--f7-bars-text-color:#fff;--f7-text-color:#fff;--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:22,22,22;--f7-bars-border-color:rgba(255, 255, 255, 0.16)}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-line-height:1.5;--f7-bars-border-color:transparent;--f7-text-color:#212121}.md .dark,.md.dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.md,.md .dark,.md [class*=color-]{--f7-bars-link-color:var(--f7-md-on-surface);--f7-bars-bg-color:var(--f7-md-surface-2);--f7-bars-bg-color-rgb:var(--f7-md-surface-2-rgb)}.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)}@font-face{font-family:framework7-core-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAA0sABAAAAAAGLwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABoAAAAcmrEdT0dERUYAAAGIAAAAIwAAACQAewBXR1BPUwAAAawAAAAuAAAANuAY7+xHU1VCAAAB3AAAAZ4AAAP6ALYH7k9TLzIAAAN8AAAASgAAAGBRKF+WY21hcAAAA8gAAACJAAABYt6F0cBjdnQgAAAEVAAAAAQAAAAEABEBRGdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAABGAAAATOAAAKDJkUuoRoZWFkAAAJMAAAADAAAAA2IlX292hoZWEAAAlgAAAAIAAAACQHgQM7aG10eAAACYAAAABgAAABHCxp//lsb2NhAAAJ4AAAAJAAAACQQrpFRm1heHAAAApwAAAAHwAAACAAjQBPbmFtZQAACpAAAAFVAAAC3EU7ispwb3N0AAAL6AAAAUIAAAJaVPgZiHicY2BgYGQAgts30q6A6Ps50bYwGgBRFwa1AAB4nGNgZGBg4AFiGSBmAkJmBk0GRgYtBjcgmwUsxgAADWAA0wB4nGNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB4nHVTW07CQBQ9Q2vAJwhVGwW0UJEgvt+Kb+XDT3dAYjQmxA9DXIDLMC7CLz9dg3EJfrkLPDMF+pg0TTPTe84998ydWwgAIyiiDtFudZ6QgskIul1IRLQfH1qMwfsiZqo1BWF8IAkLL4lO4scwDddowGC8iia2kYbDp4gKd5Ncy3yKyPMrjxyuMBHAHdiYxgwZHrqK8QA6xxpTAyyNBdzgGW/4wq8wRUU0xb14Fe/iU3yLP9a2qGRhUeUXIuoZuCrucHdGtTDTrxTk7Wq8nHJWiPCOeM4wz8V8hLOscYLubMZKWCcvzpfHuNAY0Q6ucI3TkPh+D89iVt3OUsTnBm8grsI5xrRcz9dmD9GrNjSk38M1jGpq0uEBZ1LvppyvGu//kh4tpV7mm1Ycl6zcwMsxd3EMqX+C4RAuY3K6t3hKOa02fdt0lVF7z0GWfKltDarIjFP2qkx92UF/an18h5UyVJeRfnyI/ajSwy3ucMh8S+VmeeLwPdTYhSDmZdeVdz8qvV+zMzLHn5I9/p39iHe6JHOy3BXYSQelf3GmQG8AAHicY2Bh/MI4gYGVgYHRhzGNgYHBHUp/ZZBkaGFgYGJgZWaAAUYGJBCQ5prC0MCgwFDFeOD/AQY9ps+MxTA1jAfAShQYxABDtQxkAAB4nGNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkKzDoMlgyxDNU/f8PFAXxDIC8xP///z/+f/3/1f8b/q+HmgAHjGwMcCFGJiDBxICmAGI1HLAwMLCysXNwcnHz8PIxEAP4GQQEhYRFRMXEJSSlpGVk5eQVFJWUVVTV1DU0iTKA1gAAxH4T6AAAAAARAUQAAAAB//8AAnic7VXPTxtHFJ63xh6DY++uf+yq0FJs1l6ktk7x2l4aDEaFEMkCUlXQUi5A6nAprYoqu1IVbG6gKNRVBUJBuUVqpeYSfGirHID2QhrVrWQ1UlXlRA+VWnri0EYK677ZtRMg/0EVaWZn3puZN2++9723hCMiIeQ6TBAboSS6BeRsqkybyN+xLYf9Qaps43BKtmxMbWfqMnXAo1QZmF4TNVHVxE5x5eO5OZgwbomgoTXAtmt2nIndbP5M90z3v9dxx3Q21L7GmWrShL0Z3oApzDCe+EiAEG/I4ZdiyXgkJvkdoUgcdJXK6lfjqdR46sZ8JjOfgUTbQltxAQZS4319429lmNJ4+PyHbe8uEOv+2neg4QVeQsIhnmNW0qBG4snYiyCBCgC/uzok186OSwq69vkyx+27pA7X9g7T7vOWv7U/YBe+wBrwHFqRqZpQHZ0hZkMK+KkcYh6ipzCwFFmi0fT52dmrl7ro1zNDQzODq0uRYoB2zV6dnT3fH6WDM4ODM6ZfJEK28a12QnwUTerb+byyuQlJc2j4fgibsEqceGsgyDbJFDaNuyWlUlFKv8Wtsb6XuOF7yDJ7Osig6iXgFaNSUibqI4HaQ8TiJcQCa5meTAO67+dBZtCehYgd8OX45u1t9v59/mew7TNMULaQYHf4yZ7ls47OqPreTaVYVL7BbyF8cj2Brsq0vhwuFBUTR2O1aY47JC4i44swlFTWZTSjch0KJ3iVjiavwHEDe8m9Rus1fjKONjbABjGwbWz8uac3lvRHDx6rjSO27WnMGGBYe3XYZDhpn+2yAXoQwAZmGeiBJBFQsMAwkTC5AW7qF5zfOv3OUeqRaC9EnYIfZRQlD+2tn5+H1yHCzpOTp/UkxD10hUrYPZIzl3NCxMMEpvPQXI6aeJApqOB59k8hfRAM2BPBAFQMDSqHmnZd0zBm/5J3yC/wCvEQghGTJR48gLfoSTkz0yIILe/bfY5zbg9/5trnfIuL/9IJdIA/4/ZY/k3DMNpnHEP2UPWmGRCImAOxuE0kGMKYuVm+YdCOMdtR5/XBpG9SeVUfG/tgbGuyv3+yf+lt32Q7SmN697k005zEgjELk8ukFWUJdwIIybPRgCGfR91JP5ENyAnLz+mbSqGgsBpR+wtuwTqiJJIXsCrUq4GP+dfJSkQaGNtUk5NXyouL5Sv3L2SzF4az2eHR9lFsI+0jI+2wvnh7cfG2cXT52uXsp9kfrCWzPcmhOfgI+UngsT1Zh7lSSWk0uHhMwPjUjB3ugNslrYTYRRM3Ue9nSUXBoYZUiCIXYjL0KPHwj964z+s17gVaW33GPS/4vAnve9xBazjceuSvMDnOVjkfJL0a7qz71E7uwCWGa9Li15PEvXOSUlHBuYJ8XXEKksUwYvKnB5yQYud9SB6MrskeiXH0H9G17HC10Itu3iHa05+4oNsl3G+m07zbzjlGdsVTdYpVIBWrk5LLwRQO+XydQ7UprsJFSDPjUFxIajFJwIt8xzK8urZera6vrRWSBWxF9n0ZuqpV49cq3CjqhYJeNL+nc9i8M5gIqhWWu8Zd6CnBKpvGzRy2Mf84Df1jOYRxExNWFrHOaUcVqyNq8SWzncZUsKjKctf6MSBJlylddlr0hDefwvQ/M6nleQAAeJxjYGRgYADis2XfmeP5bb4ycDMxgMD9nGhbGP3/x79eljSmz0AuBwNYGgBQ5wydeJxjYGRgYPr8r5dBjyXt/w8GBpY0BqAICnAHAJFTBcN4nGPYzSDIAAKrGAY1YAwAYh0gPgDk7APSs4D4EEjs/0+G40AxIGZJg4pbALETEJ8Fip/9/4PRDch2gYqB2KuBGKiW6c3//wy7gWyG/z9AZjKdhehnMgbqA4oDAJFZGHgAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHcAf4CKAI6AlACYgKCApICogLUAuoDCgMqAzwDWgNsA5ADrgO+A/IEDAQ8BFwEfASOBLYEzATmBQZ4nGNgZGBgcGeQY2BhAAEmIGZkAIk5MOiBBAAN5gDdAHicrZC9asMwFIWP8gftUDo00FFjEmIjawlkTcmSpXTwbhw3EYmtoARC6ON06Na9Q5+iY6FP0IfosaJChwwdYri6n6/Olc4VgCu8QuD49fAQWKCLl8ANXOIjcBNa3AVuoSueA7dxLT4Dd9Bt3FIpWhf8u/ddNQsM8BS4gRu8B25ijq/ALQzEPnAbUrwF7rD+jQksNjjAwWCBJXaQ9Jyjz6yhGBpDcoo1Mp5qUDIcKzOqM1JdL3mG8buY2M3BmcVyJ3t5X2ql9VCm62xuSuPkbJm5dVZuzJzKRzbXrQX2NOGwwggRr665IBnPFbaUuqws9tatRlFuXRGZ3FYsn9T+FUx9ceez43yFnyrmXBJjxv8tHPUJuyOuiuvv62Bqq93UukUhdazkWJ40y3qio0RF9YucY/aUOsd943WSZhSNxT7X4yEt3NbYSiqVxEopeYZLfwCb64ZqAAAAeJxtUIlOwkAUnAGVW4rch36M8b7v2zSlLdIIXbJdxL/HhbaBJm6yyb6ZebPzHlJYnvkcxH/nWF8ihTQMVFFDHQ000UIbHXTRwz4OcIgjrTvBKc5wjgtc4grXuMEt7nCPBzziCc94wSve8I4PfDLFNDe4yS1mmGWOeRZYZInbLNNghTusssY6G2yyxTY77LLHXe7lA9eS9tD0RFCxh+6PFL4pva+hWiC5iBw75ZgbuQOl65IlpZjFVUGz9ndf/Oq3kVBqk1LCtrhON3yhvIFnW8rTiD0SgbvoKIfmfaGUGGvLnLQcTyyYatztiJlvWlMppJUJhFRRxDBEiOdj7XRSiuYIicqKiJDium3ZcUeuck0ppr6z+D2q9dATJc0w23qW5aArozCDFhjJferVJJy1Yjs0i/nschKN15Kdofcf+xC0ZgAA') format('woff');font-weight:400;font-style:normal}.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)}.dark body,body.dark{background:#000}.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 .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 .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:100%}.view-resize-handler{width:6px;height:100%;position:absolute;left:var(--f7-page-master-width);margin-left:-3px;top:0;cursor:col-resize;z-index:1000;display:none}.view-master-detail .view-resize-handler{display:block}: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:300ms;--f7-page-parallax-transition-duration:500ms;--f7-page-cover-transition-duration:450ms;--f7-page-dive-transition-duration:500ms;--f7-page-fade-transition-duration:500ms;--f7-page-flip-transition-duration:700ms;--f7-page-push-transition-duration:500ms;--f7-page-title-line-height:1.2;--f7-page-title-text-color:inherit;--f7-page-title-padding-left:16px;--f7-page-title-padding-right:16px}.ios{--f7-page-transition-duration:400ms;--f7-page-title-font-size:34px;--f7-page-title-font-weight:700;--f7-page-title-letter-spacing:-0.03em;--f7-page-title-padding-vertical:6px;--f7-page-bg-color:#efeff4}.ios .dark,.ios.dark{--f7-page-bg-color:#000}.md{--f7-page-transition-duration:400ms;--f7-page-title-font-size:34px;--f7-page-title-font-weight:500;--f7-page-title-letter-spacing:0;--f7-page-title-padding-vertical:8px}.md,.md .dark,.md [class*=color-]{--f7-page-bg-color:var(--f7-md-surface)}.dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.2)}.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-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{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-forward .page-current,.router-transition-forward .page-next{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-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-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}@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-previous{transform:translate3d(0,-20px,0)}.md .page-next{pointer-events:none;transform:translate3d(0,128px,0);opacity:0}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0);opacity:1}.md .router-transition-forward .page-next{opacity:1;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards cubic-bezier(0,.8,.3,1)}.md .router-transition-forward .page-current{animation:md-page-current-to-previous var(--f7-page-transition-duration) forwards cubic-bezier(0,.8,.3,1)}.md .router-transition-backward .page-current{animation:md-page-current-to-next calc(var(--f7-page-transition-duration)/ 4) forwards cubic-bezier(.8,0,1,.3),md-page-current-to-next-opacity 0s calc(var(--f7-page-transition-duration)/ 4) forwards}.md .router-transition-backward .page-previous{animation:md-page-previous-to-current var(--f7-page-transition-duration) forwards}@keyframes md-page-next-to-current{from{transform:translate3d(0,128px,0)}to{transform:translate3d(0,0px,0)}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,128px,0)}}@keyframes md-page-current-to-next-opacity{from{opacity:1}to{opacity:0}}@keyframes md-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-20px,0)}}@keyframes md-page-previous-to-current{from{transform:translate3d(0,-20px,0)}to{transform:translate3d(0,0px,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-detail>.navbar-master-detail{left:0;right:0;width:100%}.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}.ios .router-transition-custom .page-next,.ios .router-transition-custom .page-previous,.md .router-transition-custom .page-next,.md .router-transition-custom .page-previous{opacity:1;transform:none}.ios .router-transition-custom.view-master-detail .page-master,.md .router-transition-custom.view-master-detail .page-master{animation:none}.page-title{position:relative;z-index:10;text-overflow:ellipsis;white-space:nowrap;color:var(--f7-page-title-text-color);letter-spacing:var(--f7-page-title-letter-spacing);font-size:var(--f7-page-title-font-size);font-weight:var(--f7-page-title-font-weight);line-height:var(--f7-page-title-line-height);padding-left:calc(var(--f7-page-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-page-title-padding-right) + var(--f7-safe-area-right));padding-top:var(--f7-page-title-padding-vertical);padding-bottom:var(--f7-page-title-padding-vertical);box-sizing:border-box;overflow:hidden;width:100%}.router-transition-f7-circle-backward:after,.router-transition-f7-circle-forward:after{content:'';position:absolute;left:50%;top:50%;width:100vmax;height:100vmax;margin-left:-50vmax;margin-top:-50vmax;background:var(--f7-page-bg-color);z-index:100}.router-transition-f7-circle-forward:after{transform:scale(0);border-radius:50%;animation:f7-circle-circle-in .4s forwards}.ios .router-transition-f7-circle-forward .page-next,.md .router-transition-f7-circle-forward .page-next{opacity:0;transform:scale(.9);animation:f7-circle-next-to-current .3s forwards;animation-delay:.3s;z-index:150}.router-transition-f7-circle-backward:after{animation:f7-circle-circle-out .3s forwards;animation-delay:350ms}.ios .router-transition-f7-circle-backward .page-current,.md .router-transition-f7-circle-backward .page-current{animation:f7-circle-current-to-next .7s forwards;z-index:150}@keyframes f7-circle-circle-in{from{transform:scale(0);border-radius:50%}50%{border-radius:50%}to{transform:scale(1);border-radius:0%}}@keyframes f7-circle-circle-out{from{transform:scale(1);border-radius:0%}50%{border-radius:50%}to{transform:scale(0);border-radius:50%}}@keyframes f7-circle-next-to-current{from{transform:scale(.9);opacity:0}40%{transform:scale(1.035);opacity:1}to{transform:scale(1);opacity:1}}@keyframes f7-circle-current-to-next{from{transform:scale(1);opacity:1}34%{transform:scale(1.035);opacity:1}57%{transform:scale(.9);opacity:0}to{transform:scale(.9);opacity:0}}.router-transition-f7-cover-v-backward,.router-transition-f7-cover-v-forward{background:#000;perspective:1200px}.router-transition-f7-cover-v-forward .page-next{animation:f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-v-forward .page-current{animation:f7-cover-v-current-to-prev var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-v-backward .page-current{animation:f7-cover-v-current-to-next var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-v-backward .page-previous{animation:f7-cover-v-prev-to-current var(--f7-page-cover-transition-duration) forwards}@keyframes f7-cover-v-next-to-current{from{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes f7-cover-v-current-to-next{from{transform:translateY(0%)}to{transform:translateY(100%)}}@keyframes f7-cover-v-current-to-prev{from{transform:translateZ(0);opacity:1}to{transform:translateZ(-300px);opacity:.5}}@keyframes f7-cover-v-prev-to-current{from{transform:translateZ(-300px);opacity:.5}to{transform:translateZ(0);opacity:1}}.router-transition-f7-cover-backward,.router-transition-f7-cover-forward{background:#000;perspective:1200px}.router-transition-f7-cover-forward .page-next{animation:f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-forward .page-current{animation:f7-cover-current-to-prev var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-backward .page-current{animation:f7-cover-current-to-next var(--f7-page-cover-transition-duration) forwards}.router-transition-f7-cover-backward .page-previous{animation:f7-cover-prev-to-current var(--f7-page-cover-transition-duration) forwards}@keyframes f7-cover-next-to-current{from{transform:translateX(100%)}to{transform:translateX(0%)}}@keyframes f7-cover-current-to-next{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes f7-cover-current-to-prev{from{transform:translateZ(0);opacity:1}to{transform:translateZ(-300px);opacity:.5}}@keyframes f7-cover-prev-to-current{from{transform:translateZ(-300px);opacity:.5}to{transform:translateZ(0);opacity:1}}.router-transition-f7-dive-backward,.router-transition-f7-dive-forward{background:var(--f7-page-bg-color);perspective:1200px}.router-transition-f7-dive-forward .page-next{animation:f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards}.router-transition-f7-dive-forward .page-current{animation:f7-dive-current-to-prev var(--f7-page-dive-transition-duration) forwards}.router-transition-f7-dive-backward .page-current{animation:f7-dive-current-to-next var(--f7-page-dive-transition-duration) forwards}.router-transition-f7-dive-backward .page-previous{animation:f7-dive-prev-to-current var(--f7-page-dive-transition-duration) forwards}@keyframes f7-dive-next-to-current{from{opacity:0;transform:translateZ(-150px)}50%{opacity:0}to{opacity:1;transform:translateZ(0px)}}@keyframes f7-dive-current-to-next{from{opacity:1;transform:translateZ(0px)}50%{opacity:0}to{opacity:0;transform:translateZ(-150px)}}@keyframes f7-dive-current-to-prev{from{transform:translateZ(0px);opacity:1}50%{opacity:0}to{opacity:0;transform:translateZ(150px)}}@keyframes f7-dive-prev-to-current{from{opacity:0;transform:translateZ(150px)}50%{opacity:0}to{opacity:1;transform:translateZ(0px)}}.router-transition-f7-fade-backward,.router-transition-f7-fade-forward{background:var(--f7-page-bg-color)}.ios .router-transition-f7-fade-forward .page-next,.md .router-transition-f7-fade-forward .page-next{opacity:0;animation:f7-fade-in var(--f7-page-fade-transition-duration) forwards}.ios .router-transition-f7-fade-forward .page-current,.md .router-transition-f7-fade-forward .page-current{animation:f7-fade-out var(--f7-page-fade-transition-duration) forwards}.ios .router-transition-f7-fade-backward .page-current,.md .router-transition-f7-fade-backward .page-current{animation:f7-fade-out var(--f7-page-fade-transition-duration) forwards}.ios .router-transition-f7-fade-backward .page-previous,.md .router-transition-f7-fade-backward .page-previous{animation:f7-fade-in var(--f7-page-fade-transition-duration) forwards}@keyframes f7-fade-in{from{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes f7-fade-out{from{opacity:1}50%{opacity:0}to{opacity:0}}.router-transition-f7-flip-backward,.router-transition-f7-flip-forward{background:#000;perspective:1200px}.router-transition-f7-flip-backward .page,.router-transition-f7-flip-forward .page{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.router-transition-f7-flip-forward .page-next{transform-style:preserve-3d;animation:f7-flip-next-to-current var(--f7-page-flip-transition-duration) forwards}.router-transition-f7-flip-forward .page-current{transform-style:preserve-3d;animation:f7-flip-current-to-prev var(--f7-page-flip-transition-duration) forwards}.router-transition-f7-flip-backward .page-current{transform-style:preserve-3d;animation:f7-flip-current-to-next var(--f7-page-flip-transition-duration) forwards}.router-transition-f7-flip-backward .page-previous{transform-style:preserve-3d;animation:f7-flip-prev-to-current var(--f7-page-flip-transition-duration) forwards}@keyframes f7-flip-next-to-current{from{border-radius:32px;transform:translateZ(-100vmax) rotateY(180deg)}to{border-radius:0;transform:translateZ(0px) rotateY(0deg)}}@keyframes f7-flip-current-to-next{from{border-radius:0px;transform:translateZ(0px) rotateY(0deg)}to{border-radius:32px;transform:translateZ(-100vmax) rotateY(180deg)}}@keyframes f7-flip-current-to-prev{from{border-radius:0px;transform:translateZ(0px) rotateY(0deg)}to{border-radius:32px;transform:translateZ(-100vmax) rotateY(-180deg)}}@keyframes f7-flip-prev-to-current{from{border-radius:32px;transform:translateZ(-100vmax) rotateY(-180deg)}to{border-radius:0px;transform:translateZ(0px) rotateY(0deg)}}.router-transition-f7-parallax-forward .page-next{animation:f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards}.router-transition-f7-parallax-forward .page-current{animation:f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards}.router-transition-f7-parallax-backward .page-current{animation:f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards}.router-transition-f7-parallax-backward .page-previous{animation:f7-parallax-prev-to-current var(--f7-page-parallax-transition-duration) forwards}@keyframes f7-parallax-next-to-current{from{transform:translateX(100%)}to{transform:translateX(0%)}}@keyframes f7-parallax-current-to-next{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes f7-parallax-current-to-prev{from{transform:translateX(0%)}to{transform:translateX(-20%)}}@keyframes f7-parallax-prev-to-current{from{transform:translateX(-20%)}to{transform:translateX(0%)}}.router-transition-f7-push-forward .page-next{animation:f7-push-next-to-current var(--f7-page-push-transition-duration) forwards}.router-transition-f7-push-forward .page-current{animation:f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards}.router-transition-f7-push-backward .page-current{animation:f7-push-current-to-next var(--f7-page-push-transition-duration) forwards}.router-transition-f7-push-backward .page-previous{animation:f7-push-prev-to-current var(--f7-page-push-transition-duration) forwards}@keyframes f7-push-next-to-current{from{transform:translateX(100%)}to{transform:translateX(0%)}}@keyframes f7-push-current-to-next{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes f7-push-current-to-prev{from{transform:translateX(0%)}to{transform:translateX(-100%)}}@keyframes f7-push-prev-to-current{from{transform:translateX(-100%)}to{transform:translateX(0%)}}: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:rgba(var(--f7-theme-color-rgb), 0.15)}.ios{--f7-link-pressed-opacity:0.3}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;z-index:1;--f7-touch-ripple-color:var(--f7-link-touch-ripple-color, rgba(var(--f7-theme-color-rgb), 0.25))}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.link[class*=color-]{color:var(--f7-theme-color)}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:var(--f7-link-pressed-opacity);transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.ios{--f7-navbar-height:44px;--f7-navbar-font-size:17px;--f7-navbar-title-font-size:inherit;--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-font-size:10px;--f7-navbar-subtitle-line-height:1;--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-vertical:6px;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55)}.ios .dark,.ios.dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:64px;--f7-navbar-font-size:16px;--f7-navbar-title-font-size:22px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:400;--f7-navbar-title-margin-left:0px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-large-title-font-size:28px;--f7-navbar-large-title-height:88px;--f7-navbar-large-title-font-weight:400;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-link-height:48px;--f7-navbar-link-line-height:48px}.md,.md .dark,.md [class*=color-]{--f7-navbar-link-color:var(--f7-md-on-surface);--f7-navbar-text-color:var(--f7-md-on-surface);--f7-navbar-subtitle-text-color:var(--f7-md-on-surface-variant)}.navbar,.navbars{z-index:500;left:0;top:0;width:100%}.navbars{position:absolute}.navbars .navbar{z-index:auto}.navbars .navbar-transitioning{z-index:500}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;height:calc(var(--f7-navbar-height) + var(--f7-safe-area-top));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}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-outline .navbar-bg:after,.navbar.no-outline .navbar-bg:after{display:none!important}.navbar .no-outline .title-large:after,.navbar.no-outline .title-large:after{display:none!important}.navbar-hidden .navbar .navbar-bg:before,.navbar.navbar-hidden .navbar-bg:before{opacity:0!important}.navbar-bg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;background:var(--f7-navbar-bg-color);background-color:var(--f7-navbar-bg-color,var(--f7-bars-bg-color));transition-property:transform}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .navbar-bg{background-color:rgba(var(--f7-navbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity));-webkit-backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur));backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur))}}.navbar-bg:after,.navbar-bg:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar-bg: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-bg:after{z-index:1}.navbar-transitioning,.navbar-transitioning .left,.navbar-transitioning .navbar-bg,.navbar-transitioning .navbar-bg:before,.navbar-transitioning .right,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large-text{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .navbar-bg,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,calc(-1 * var(--f7-navbar-height)),0)}.navbar-hidden .navbar-inner{pointer-events:none}.navbar-hidden .navbar-inner>.left,.navbar-hidden .navbar-inner>.right,.navbar-hidden .navbar-inner>.title{opacity:0!important}.navbar-hidden .subnavbar{pointer-events:auto}.navbar-hidden-statusbar{transform:translate3d(0,calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)),0)}.navbar-large-hidden .navbar-large{--f7-navbar-large-collapse-progress:1}.navbar-inner{position:absolute;left:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:var(--f7-safe-area-top) 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));transform:translate3d(0,0,0);z-index:10}.navbars>.navbar,.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .navbar-bg,.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title{opacity:0}.navbar-large .navbar-bg{height:calc(100% + var(--f7-navbar-large-title-height));transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.navbar-large-transparent .navbar-bg,.navbar-large.navbar-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress)}.ios .router-navbar-transition-from-large .navbar-bg,.ios .router-navbar-transition-to-large .navbar-bg,.navbar-bg.ios-swipeback-navbar-bg-large,.navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,.navbar-large.navbar-transparent .navbar-bg.ios-swipeback-navbar-bg-large{height:calc(100% + var(--f7-navbar-large-title-height));transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.ios .navbar:not(.navbar-large) .navbar-bg{--f7-navbar-large-collapse-progress:1}.navbar-large .title{opacity:var(--f7-navbar-large-collapse-progress)}.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar-large-collapsed .title-large{pointer-events:none}.navbar .title-large{box-sizing:border-box;position:absolute;left:0;right:0;top:100%;display:flex;white-space:nowrap;overflow:hidden;height:var(--f7-navbar-large-title-height);z-index:5}.navbar .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));padding-top:var(--f7-navbar-large-title-padding-vertical);padding-bottom:var(--f7-navbar-large-title-padding-vertical);box-sizing:border-box;overflow:hidden;width:100%;transform:translate3d(0px,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0);transform-origin:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center}.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbars~*,.navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbars~* .page-with-navbar-large,.navbars~.page-with-navbar-large,.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) + var(--f7-safe-area-top))}.page.no-navbar,.page.no-navbar .navbar~*{--f7-page-navbar-offset:var(--f7-safe-area-top)}.ios{--f7-navbarLeftTextOffset:calc(4px + 12px + var(--f7-navbar-inner-padding-left));--f7-navbarTitleLargeOffset:var(--f7-navbar-large-title-padding-left);--f7-navbar-large-bg-center-top:translateX(0) translateY(calc(-1 * var(--f7-navbar-large-title-height)));--f7-navbar-large-bg-center-bottom:translateX(0) translateY(0);--f7-navbar-large-bg-left-top:translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));--f7-navbar-large-bg-left-bottom:translateX(-100%) translateY(0);--f7-navbar-large-bg-right-top:translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));--f7-navbar-large-bg-right-bottom:translateX(100%) translateY(0)}.ios .navbar .title-large{align-items:flex-end}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:16px}.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 .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next .title,.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),.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{opacity:0;transition-duration: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-duration:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding{opacity:1;transform:translate3d(-100%,0,0)}.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg,.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg{transform:translateX(-100%)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .navbar-bg{transform:translateX(100%)}.ios .navbar-next .title-large .title-large-text{transition-duration:0s;transform:translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))}.ios .navbar-next .sliding .subnavbar,.ios .navbar-next .subnavbar.sliding{opacity:1;transform:translate3d(100%,0,0)}.ios .router-transition .navbar,.ios .router-transition .navbar-bg{transition-duration:var(--f7-page-transition-duration)}.ios .router-transition .navbar-bg{animation-duration:var(--f7-page-transition-duration);animation-fill-mode:forwards}.ios .router-transition .title-large,.ios .router-transition .title-large-text{transition-duration: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 .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,.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 .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-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.title,.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,.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.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title,.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title{animation:none}.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title{opacity:0!important}.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .subnavbar,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title{animation:none}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.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,.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-large-title-text-slide-up var(--f7-page-transition-duration) forwards,ios-navbar-large-title-text-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large .left .back span{animation:ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;transition:none;transform-origin:left center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-large-title-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 .title-large-text{animation:ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title,.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-backward .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}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-large-title-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 .title-large-text{animation:ios-navbar-large-title-text-slide-right 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,.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large{overflow:visible;opacity:1}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,.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-large-title-text-slide-down var(--f7-page-transition-duration) forwards,ios-navbar-large-title-text-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title,.ios .router-transition-backward .navbar-previous.navbar-large:not(.navbar-large-collapsed) .title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-forward .navbar-current .navbar-bg{animation-name:ios-navbar-bg-from-cb-to-lb}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-cb-to-lb}.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-cb-to-lt}.ios .router-transition-forward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lb}.ios .router-transition-forward .navbar-current.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lt}.ios .router-transition-forward .navbar-next .navbar-bg{animation-name:ios-navbar-bg-from-rb-to-cb}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-rb-to-cb}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-rb-to-ct}.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-rt-to-cb}.ios .router-transition-backward .navbar-current .navbar-bg{animation-name:ios-navbar-bg-from-cb-to-rb}.ios .router-transition-backward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rb}.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-cb-to-rt}.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rt}.ios .router-transition-backward .navbar-current.navbar-large-collapsed.router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rb}.ios .router-transition-backward .navbar-previous .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-cb}.ios .router-transition-backward .navbar-previous:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-cb}.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-ct}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-ct}.view-master-detail .navbars{z-index:auto}.view-master-detail .page-master{z-index:525}.view-master-detail .navbar-master .navbar-bg,.view-master-detail .navbar-master .navbar-inner{z-index:550}.view-master-detail .navbar-master-detail .navbar-bg,.view-master-detail .navbar-master-detail .navbar-inner{z-index:500}.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-large) .title{opacity:1}.view-master-detail.router-transition .navbar-master .fading,.view-master-detail.router-transition .navbar-master .left,.view-master-detail.router-transition .navbar-master .left .icon+span,.view-master-detail.router-transition .navbar-master .right,.view-master-detail.router-transition .navbar-master .subnavbar,.view-master-detail.router-transition .navbar-master:not(.navbar-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.view-master-detail.router-transition .navbar-master .navbar-bg{transition-duration:0s;animation:none!important}.view-master-detail.router-transition .navbar-master.navbar-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.view-master-detail.router-transition .navbar-master.navbar-large .title-large,.view-master-detail.router-transition .navbar-master.navbar-large .title-large-text{transition-duration:0s;animation:none!important}.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg,.view-master-detail.router-transition .navbar-master.navbar-large.navbar-transparent .navbar-bg{height:100%!important;opacity:var(--f7-navbar-large-collapse-progress)!important}@keyframes ios-navbar-element-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-out{from{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes ios-navbar-large-title-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-large-title-height) + var(--f7-navbar-large-title-padding-vertical))) scale(.5)}}@keyframes ios-navbar-large-title-text-slide-down{0%{transform:translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical)/ 2)) scale(.5)}100%{transform:translateX(0px) translateY(0%) scale(1)}}@keyframes ios-navbar-large-title-text-slide-left{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes ios-navbar-large-title-text-slide-right{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}@keyframes ios-navbar-large-title-text-fade-out{0%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes ios-navbar-large-title-text-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity: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(1 * var(--f7-navbar-large-title-height) - var(--f7-navbar-large-title-padding-vertical)/ 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(1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical)/ 2)) scale(2)}20%{opacity:0}100%{opacity:1;transform:translateX(0px) translateY(0px) scale(1)}}@keyframes ios-navbar-bg-from-cb-to-lb{from{transform:var(--f7-navbar-large-bg-center-bottom)}to{transform:var(--f7-navbar-large-bg-left-bottom)}}@keyframes ios-navbar-bg-from-cb-to-lt{from{transform:var(--f7-navbar-large-bg-center-bottom)}to{transform:var(--f7-navbar-large-bg-left-top)}}@keyframes ios-navbar-bg-from-ct-to-lb{from{transform:var(--f7-navbar-large-bg-center-top)}to{transform:var(--f7-navbar-large-bg-left-bottom)}}@keyframes ios-navbar-bg-from-ct-to-lt{from{transform:var(--f7-navbar-large-bg-center-top)}to{transform:var(--f7-navbar-large-bg-left-top)}}@keyframes ios-navbar-bg-from-rb-to-cb{from{transform:var(--f7-navbar-large-bg-right-bottom)}to{transform:var(--f7-navbar-large-bg-center-bottom)}}@keyframes ios-navbar-bg-from-rb-to-ct{from{transform:var(--f7-navbar-large-bg-right-bottom)}to{transform:var(--f7-navbar-large-bg-center-top)}}@keyframes ios-navbar-bg-from-rt-to-cb{from{transform:var(--f7-navbar-large-bg-right-top)}to{transform:var(--f7-navbar-large-bg-center-bottom)}}@keyframes ios-navbar-bg-from-cb-to-rb{from{transform:var(--f7-navbar-large-bg-center-bottom)}to{transform:var(--f7-navbar-large-bg-right-bottom)}}@keyframes ios-navbar-bg-from-ct-to-rb{from{transform:var(--f7-navbar-large-bg-center-top)}to{transform:var(--f7-navbar-large-bg-right-bottom)}}@keyframes ios-navbar-bg-from-cb-to-rt{from{transform:var(--f7-navbar-large-bg-center-bottom)}to{transform:var(--f7-navbar-large-bg-right-top)}}@keyframes ios-navbar-bg-from-ct-to-rt{from{transform:var(--f7-navbar-large-bg-center-top)}to{transform:var(--f7-navbar-large-bg-right-top)}}@keyframes ios-navbar-bg-from-lb-to-cb{from{transform:var(--f7-navbar-large-bg-left-bottom)}to{transform:var(--f7-navbar-large-bg-center-bottom)}}@keyframes ios-navbar-bg-from-lt-to-cb{from{transform:var(--f7-navbar-large-bg-left-top)}to{transform:var(--f7-navbar-large-bg-center-bottom)}}@keyframes ios-navbar-bg-from-lb-to-ct{from{transform:var(--f7-navbar-large-bg-left-bottom)}to{transform:var(--f7-navbar-large-bg-center-top)}}@keyframes ios-navbar-bg-from-lt-to-ct{from{transform:var(--f7-navbar-large-bg-left-top)}to{transform:var(--f7-navbar-large-bg-center-top)}}.md .navbar .title-large{align-items:center}.md .navbar .left{margin-left:4px;margin-right:4px}.md .navbar a.link{padding:0 12px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;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:.3s;transition-property:opacity}.md .navbar a.link.icon-only:before,.md .navbar a.link.input-clear-button:before,.md .navbar a.link.notification-close-button:before,.md .navbar a.link.ripple-inset:before,.md .navbar a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:48px}.md .navbar .right{margin-left:auto;margin-right:4px}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner{overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner:not(.navbar-inner-centered-title) .title:first-child{margin-left:16px}.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-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-font-weight:400;--f7-tabbar-icons-height:50px;--f7-tabbar-icons-tablet-height:50px;--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:12px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4)}.ios .dark,.ios.dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:56px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-icons-height:80px;--f7-tabbar-icons-tablet-height:80px;--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0;--f7-toolbar-link-font-weight:500;--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}.md,.md .dark,.md [class*=color-]{--f7-tabbar-link-active-color:var(--f7-md-on-secondary-container);--f7-tabbar-link-active-border-color:var(--f7-md-primary);--f7-tabbar-link-inactive-color:var(--f7-md-on-surface-variant);--f7-tabbar-link-active-icon-bg-color:var(--f7-md-secondary-container)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:600;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-toolbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-toolbar-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .toolbar{background-color:rgba(var(--f7-toolbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity));-webkit-backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur));backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur))}}.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 .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));font-weight:var(--f7-toolbar-link-font-weight)}.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-outline:after,.md .toolbar-top-md.no-outline:after,.toolbar-top.no-outline:after{display:none!important}.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.toolbar-hidden: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-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-outline:before,.md .toolbar-bottom-md.no-outline:before,.toolbar-bottom.no-outline:before{display:none!important}.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.toolbar-hidden: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)))}.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-icons{z-index:5001}.tabbar a,.tabbar-icons a{color:var(--f7-tabbar-link-inactive-color)}.tabbar .link,.tabbar-icons .link{line-height:1.4}.tabbar .link,.tabbar .tab-link,.tabbar-icons .link,.tabbar-icons .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-icons .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-icons i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.md .tabbar-icons.tabbar-icons .tab-link-highlight,.md .tabbar.tabbar-icons .tab-link-highlight{display:none}.md .tabbar-icons:not(.tabbar-icons) .tab-link-highlight,.md .tabbar:not(.tabbar-icons) .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.tabbar-icons{--f7-toolbar-height:var(--f7-tabbar-icons-height)}.tabbar-icons .link,.tabbar-icons .tab-link{height:100%;justify-content:center;align-items:center}.tabbar-icons .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) and (min-height:600px){:root{--f7-tabbar-icons-height:var(--f7-tabbar-icons-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;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 .link,.tabbar-scrollable .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~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios.tabbar-icons~*,.md .toolbar-bottom-md.tabbar-icons~*,.toolbar-bottom.tabbar-icons~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-icons-height)}.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.ios .toolbar-top-ios.tabbar-icons~*,.md .toolbar-top-md.tabbar-icons~*,.toolbar-top.tabbar-icons~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-icons-height)}.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.ios .navbars~* .toolbar-top-ios,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbars~.toolbar-top-ios,.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,.navbars~* .toolbar-top,.navbars~.page:not(.no-navbar) .toolbar-top,.navbars~.toolbar-top,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars~* .toolbar-top-ios.toolbar-hidden,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbars~.toolbar-top-ios.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,.navbars~* .toolbar-top.toolbar-hidden,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbars~.toolbar-top.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) + var(--f7-safe-area-top))),0)}.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-icons,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-icons,.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-icons,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-icons,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-icons,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-icons,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-icons,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-icons,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-icons,.navbars~* .toolbar-top.toolbar-hidden.tabbar-icons,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-icons,.navbars~.toolbar-top.toolbar-hidden.tabbar-icons,.navbar~* .toolbar-top.toolbar-hidden.tabbar-icons,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-icons,.navbar~.toolbar-top.toolbar-hidden.tabbar-icons{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-icons-height) + var(--f7-safe-area-top))),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(0px - 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(0px - 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-icons .link,.ios .tabbar-icons .tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-icons .link i+span,.ios .tabbar-icons .tab-link i+span{margin:0}@media (min-width:768px) and (min-height:600px){.ios .tabbar .link,.ios .tabbar .tab-link,.ios .tabbar-icons .link,.ios .tabbar-icons .tab-link{justify-content:center;flex-direction:row}.ios .tabbar .link i+span,.ios .tabbar .tab-link i+span,.ios .tabbar-icons .link i+span,.ios .tabbar-icons .tab-link i+span{margin-left:5px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable .link,.ios .tabbar-scrollable .tab-link{padding:0 8px}.md .toolbar .link{justify-content:center;padding:0 12px;min-width:48px}.md .toolbar .link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;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:.3s;transition-property:opacity}.md .toolbar .link.icon-only:before,.md .toolbar .link.input-clear-button:before,.md .toolbar .link.notification-close-button:before,.md .toolbar .link.ripple-inset:before,.md .toolbar .link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .toolbar .link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar .link,.md .tabbar .tab-link,.md .tabbar-icons .link,.md .tabbar-icons .tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-icons a.icon-only{flex-shrink:initial}.md .tabbar .tab-link,.md .tabbar-icons .tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar i.icon,.md .tabbar-icons i.icon{position:relative}.md .tabbar i.icon::before,.md .tabbar-icons i.icon::before{content:'';width:64px;height:32px;border-radius:32px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) scaleX(.5);background:var(--f7-tabbar-link-active-icon-bg-color);opacity:0;transition-duration:.2s;z-index:-1}.md .tabbar i.icon+.tabbar-label,.md .tabbar-icons i.icon+.tabbar-label{margin-top:8px}.md .tabbar .tab-link-active i.icon::before,.md .tabbar-icons .tab-link-active i.icon::before{opacity:1;transform:translateX(-50%) translateY(-50%) scaleX(1)}.md .tabbar-icons .link,.md .tabbar-icons .tab-link{padding-top:8px;padding-bottom:8px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable .link,.md .tabbar-scrollable .tab-link{padding:0 12px}: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:8px}.md{--f7-subnavbar-height:64px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:22px;--f7-subnavbar-title-font-weight:400;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:600;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .subnavbar{background-color:rgba(var(--f7-subnavbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity));-webkit-backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur));backdrop-filter:saturate(180%) blur(var(--f7-bars-translucent-blur))}}.subnavbar .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-outline:after{display:none!important}.subnavbar.navbar-hidden:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-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-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))}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbars~* .subnavbar,.navbars~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbars~.subnavbar,.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .title-large~.subnavbar,.navbars~.page-with-navbar-large:not(.no-navbar) .subnavbar,.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) + var(--f7-safe-area-top));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:16px}.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 12px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;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:.3s;transition-property:opacity}.md .subnavbar a.link.icon-only:before,.md .subnavbar a.link.input-clear-button:before,.md .subnavbar a.link.notification-close-button:before,.md .subnavbar a.link.ripple-inset:before,.md .subnavbar a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0;padding:0 12px}.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-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-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-text-transform:none;--f7-block-title-white-space:nowrap;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-transform:none;--f7-block-inset-side-margin:16px}:root .dark,:root.dark{--f7-block-outline-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-block-text-color:inherit;--f7-block-margin-vertical:35px;--f7-block-outline-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-font-size:16px;--f7-block-title-font-weight:600;--f7-block-title-line-height:20px;--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:30px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-border-radius:8px;--f7-block-title-text-color:#000;--f7-block-strong-text-color:#000;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45);--f7-block-strong-bg-color:#fff;--f7-block-title-medium-text-color:#000;--f7-block-title-large-text-color:#000}.ios .dark,.ios.dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.55);--f7-block-footer-text-color:rgba(255, 255, 255, 0.55);--f7-block-strong-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d;--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff}.md{--f7-block-margin-vertical:32px;--f7-block-title-font-size:inherit;--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:16px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:22px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-border-radius:16px}.md,.md .dark,.md [class*=color-]{--f7-block-text-color:var(--f7-md-on-surface);--f7-block-strong-text-color:var(--f7-md-on-surface);--f7-block-outline-border-color:var(--f7-md-outline);--f7-block-title-text-color:var(--f7-theme-color);--f7-block-title-medium-text-color:var(--f7-theme-color);--f7-block-title-large-text-color:var(--f7-theme-color);--f7-block-strong-bg-color:var(--f7-md-surface-1);--f7-block-header-text-color:var(--f7-md-on-surface-variant);--f7-block-footer-text-color:var(--f7-md-on-surface-variant)}.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>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,.ios .block-strong-ios,.md .block-strong-md{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-outline:not(.inset):before,.ios .block-outline-ios:not(.inset):not(.inset-ios):before,.md .block-outline-md:not(.inset):not(.inset-md):before{content:'';position:absolute;background-color:var(--f7-block-outline-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-outline:not(.inset):after,.ios .block-outline-ios:not(.inset):not(.inset-ios):after,.md .block-outline-md:not(.inset):not(.inset-md):after{content:'';position:absolute;background-color:var(--f7-block-outline-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-outline.inset,.ios .block-outline-ios.inset,.ios .block-outline-ios.inset-ios,.md .block-outline-md.inset,.md .block-outline-md.inset-md{border:1px solid var(--f7-block-outline-border-color)}.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,.ios .block.inset-ios,.md .block.inset-md{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:after,.block-strong.inset:before,.ios .block-strong-ios.inset-ios:after,.ios .block-strong-ios.inset-ios:before,.ios .block-strong-ios.inset:after,.ios .block-strong-ios.inset:before,.ios .block-strong.inset-ios:after,.ios .block-strong.inset-ios:before,.md .block-strong-md.inset-md:after,.md .block-strong-md.inset-md:before,.md .block-strong-md.inset:after,.md .block-strong-md.inset:before,.md .block-strong.inset-md:after,.md .block-strong.inset-md:before{display:none!important}@media (min-width:480px){.block.xsmall-inset,.ios .block.xsmall-inset-ios,.md .block.xsmall-inset-md{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.xsmall-inset:after,.block.xsmall-inset:before,.ios .block.xsmall-inset-ios:after,.ios .block.xsmall-inset-ios:before,.md .block.xsmall-inset-md:after,.md .block.xsmall-inset-md:before{display:none!important}.block.xsmall-inset.block-outline,.ios .block.xsmall-inset-ios.block-outline,.ios .block.xsmall-inset-ios.block-outline-ios,.md .block.xsmall-inset-md.block-outline,.md .block.xsmall-inset-md.block-outline-md{border:1px solid var(--f7-block-outline-border-color)}}@media (min-width:568px){.block.small-inset,.ios .block.small-inset-ios,.md .block.small-inset-md{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.small-inset:after,.block.small-inset:before,.ios .block.small-inset-ios:after,.ios .block.small-inset-ios:before,.md .block.small-inset-md:after,.md .block.small-inset-md:before{display:none!important}.block.small-inset.block-outline,.ios .block.small-inset-ios.block-outline,.ios .block.small-inset-ios.block-outline-ios,.md .block.small-inset-md.block-outline,.md .block.small-inset-md.block-outline-md{border:1px solid var(--f7-block-outline-border-color)}}@media (min-width:768px){.block.medium-inset,.ios .block.medium-inset-ios,.md .block.medium-inset-md{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.medium-inset:after,.block.medium-inset:before,.ios .block.medium-inset-ios:after,.ios .block.medium-inset-ios:before,.md .block.medium-inset-md:after,.md .block.medium-inset-md:before{display:none!important}.block.medium-inset.block-outline,.ios .block.medium-inset-ios.block-outline,.ios .block.medium-inset-ios.block-outline-ios,.md .block.medium-inset-md.block-outline,.md .block.medium-inset-md.block-outline-md{border:1px solid var(--f7-block-outline-border-color)}}@media (min-width:1024px){.block.large-inset,.ios .block.large-inset-ios,.md .block.large-inset-md{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.large-inset:after,.block.large-inset:before,.ios .block.large-inset-ios:after,.ios .block.large-inset-ios:before,.md .block.large-inset-md:after,.md .block.large-inset-md:before{display:none!important}.block.large-inset.block-outline,.ios .block.large-inset-ios.block-outline,.ios .block.large-inset-ios.block-outline-ios,.md .block.large-inset-md.block-outline,.md .block.large-inset-md.block-outline-md{border:1px solid var(--f7-block-outline-border-color)}}@media (min-width:1200px){.block.xlarge-inset,.ios .block.xlarge-inset-ios,.md .block.xlarge-inset-md{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.xlarge-inset:after,.block.xlarge-inset:before,.ios .block.xlarge-inset-ios:after,.ios .block.xlarge-inset-ios:before,.md .block.xlarge-inset-md:after,.md .block.xlarge-inset-md:before{display:none!important}.block.xlarge-inset.block-outline,.ios .block.xlarge-inset-ios.block-outline,.ios .block.xlarge-inset-ios.block-outline-ios,.md .block.xlarge-inset-md.block-outline,.md .block.xlarge-inset-md.block-outline-md{border:1px solid var(--f7-block-outline-border-color)}}:root{--f7-list-inset-side-margin:16px;--f7-list-item-padding-horizontal:16px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-horizontal:16px;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-font-size:20px;--f7-list-item-media-margin:16px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--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-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-after-line-height: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-button-text-align:center;--f7-list-group-title-line-height:inherit;--f7-menu-list-font-size:14px;--f7-menu-list-item-title-font-size:14px;--f7-menu-list-item-title-font-weight:500;--f7-menu-list-item-subtitle-font-size:14px;--f7-menu-list-item-text-font-size:14px;--f7-menu-list-item-after-font-size:14px;--f7-list-outline-border-color:rgba(0, 0, 0, 0.22);--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2)}:root .dark,:root.dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-outline-border-color:rgba(255, 255, 255, 0.15);--f7-list-group-title-border-color:rgba(255, 255, 255, 0.15);--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-border-radius:8px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-item-title-text-color:inherit;--f7-list-item-subtitle-text-color:inherit;--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-subtitle-font-size:15px;--f7-list-item-text-font-size:15px;--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-padding:5px;--f7-list-item-min-height:44px;--f7-list-item-media-icons-margin:5px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-title-font-weight:600;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-menu-list-offset:8px;--f7-menu-list-border-radius:8px;--f7-menu-list-item-bg-color:transparent;--f7-menu-list-item-text-color:inherit;--f7-menu-list-item-min-height:44px;--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--f7-list-outline-inset-border-color:rgba(0, 0, 0, 0.22);--f7-list-strong-bg-color:#fff;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-header-text-color:inherit;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-bg-color:#f7f7f7;--f7-menu-list-item-selected-text-color:var(--f7-theme-color);--f7-menu-list-item-selected-bg-color:rgba(var(--f7-theme-color-rgb), 0.15)}.ios .dark,.ios.dark{--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-outline-inset-color:rgba(255, 255, 255, 0.15);--f7-list-strong-bg-color:#1c1c1d;--f7-list-item-after-text-color:rgba(255, 255, 255, 0.55);--f7-list-item-header-text-color:rgba(255, 255, 255, 0.55);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.55);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-bg-color:#232323;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-menu-list-item-selected-text-color:inherit;--f7-menu-list-item-selected-bg-color:var(--f7-theme-color)}.md{--f7-list-in-list-padding-left:24px;--f7-list-inset-border-radius:16px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-padding:8px;--f7-list-item-min-height:48px;--f7-list-item-media-icons-margin:8px;--f7-list-media-item-padding-vertical:12px;--f7-list-media-item-title-font-weight:500;--f7-list-button-border-color:transparent;--f7-list-group-title-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-font-size:16px;--f7-list-group-title-font-weight:400;--f7-menu-list-offset:16px;--f7-menu-list-border-radius:999px;--f7-menu-list-item-min-height:56px;--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1)}.md .dark,.md.dark{--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05)}.md,.md .dark,.md [class*=color-]{--f7-list-outline-inset-border-color:var(--f7-md-outline);--f7-list-item-border-color:var(--f7-md-outline);--f7-list-item-title-text-color:var(--f7-md-on-surface);--f7-list-item-subtitle-text-color:var(--f7-md-on-surface);--f7-list-group-title-bg-color:var(--f7-md-surface-2);--f7-list-group-title-text-color:var(--f7-md-on-surface-variant);--f7-list-strong-bg-color:var(--f7-md-surface-1);--f7-list-item-after-text-color:var(--f7-md-on-surface-variant);--f7-list-item-text-text-color:var(--f7-md-on-surface-variant);--f7-list-item-header-text-color:var(--f7-md-on-surface-variant);--f7-list-item-footer-text-color:var(--f7-md-on-surface-variant);--f7-menu-list-item-text-color:var(--f7-md-on-surface-variant);--f7-menu-list-item-bg-color:var(--f7-md-surface-1);--f7-menu-list-item-selected-text-color:var(--f7-md-on-secondary-container);--f7-menu-list-item-selected-bg-color:var(--f7-md-secondary-container)}:root{--f7-list-chevron-icon-left:'chevron_left';--f7-list-chevron-icon-right:'chevron_right'}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.ios .list-strong-ios ul,.list-strong ul,.md .list-strong-md ul{background:var(--f7-list-strong-bg-color)}.ios .list-outline-ios ul:before,.list-outline ul:before,.md .list-outline-md ul:before{content:'';position:absolute;background-color:var(--f7-list-outline-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 .list-outline-ios ul:after,.list-outline ul:after,.md .list-outline-md ul:after{content:'';position:absolute;background-color:var(--f7-list-outline-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-outline-ios.inset,.ios .list-outline-ios.inset-ios,.list-outline.inset,.md .list-outline-md.inset,.md .list-outline-md.inset-md{border:1px solid var(--f7-list-outline-inset-border-color)}.list ul{list-style:none;margin:0;padding:0;position:relative}.list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:after,.list ul ul:before{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);position:relative}.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:calc(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,.list label.item-content{transition-duration:.3s;transition-property:background-color,color;position:relative;overflow:hidden;z-index:0;cursor:pointer}.list .item-link,.list .list-button{display:block}.list .item-link,.list label.item-content{color:inherit}.list .item-link.active-state,.list label.item-content.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:calc(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:ellipsis;-webkit-line-clamp:var(--f7-list-item-text-max-lines);-webkit-box-orient:vertical;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 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)))}.list-button{--f7-touch-ripple-color:var(--f7-link-touch-ripple-color, rgba(var(--f7-theme-color-rgb), 0.25));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.active-state{background-color:var(--f7-list-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15))}.ios .list-dividers-ios .list-button:after,.list-dividers .list-button:after,.md .list-dividers-md .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[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}.ios .list-dividers-ios .item-inner:after,.ios .list-dividers-ios.links-list a:after,.ios .list-dividers-ios.simple-list li:after,.list-dividers .item-inner:after,.list-dividers.links-list a:after,.list-dividers.simple-list li:after,.md .list-dividers-md .item-inner:after,.md .list-dividers-md.links-list a:after,.md .list-dividers-md.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)))}.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item .item-content,.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item>.item-link,.md .media-list:not(.inset):not(.inset-md):not(.menu-list) .item-content,.md .media-list:not(.inset):not(.inset-md):not(.menu-list) li>.item-link{margin-left:calc(var(--f7-list-item-padding-horizontal)/ 2);margin-right:calc(var(--f7-list-item-padding-horizontal)/ 2);border-radius:16px}.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item>.item-link>.item-content,.md .media-list:not(.inset):not(.inset-md):not(.menu-list) li>.item-link>.item-content{margin-left:0;margin-right:0}.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item .item-content,.md .media-list:not(.inset):not(.inset-md):not(.menu-list) .item-content{padding-left:calc(var(--f7-list-item-padding-horizontal)/ 2 + var(--f7-safe-area-left))}.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 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;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:var(--f7-list-chevron-icon-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}.list-group-title,li.list-group-title{margin-top:-1px;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;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-group-title:before,li.list-group-title:before{content:'';position:absolute;background-color:var(--f7-list-group-title-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-group-title:after,li.list-group-title:after{display:none!important}.list-group>.list-group-title,.list-group>ul>.list-group-title{top:0;margin-top:0;position:sticky;z-index:20}.page-with-navbar-large .list-group>.list-group-title,.page-with-navbar-large .list-group>ul>.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.ios .list.inset-ios,.list.inset,.md .list.inset-md{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}.ios .list.inset-ios .block-title,.list.inset .block-title,.md .list.inset-md .block-title{margin-left:0;margin-right:0}.ios .list.inset-ios ul,.list.inset ul,.md .list.inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.inset-ios ul:after,.ios .list.inset-ios ul:before,.list.inset ul:after,.list.inset ul:before,.md .list.inset-md ul:after,.md .list.inset-md ul:before{display:none!important}.ios .list.inset-ios li.swipeout:first-child,.ios .list.inset-ios li:first-child>a,.list.inset li.swipeout:first-child,.list.inset li:first-child>a,.md .list.inset-md li.swipeout:first-child,.md .list.inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.inset-ios li.swipeout:last-child,.ios .list.inset-ios li:last-child>a,.list.inset li.swipeout:last-child,.list.inset li:last-child>a,.md .list.inset-md li.swipeout:last-child,.md .list.inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.inset-ios li.swipeout:first-child:last-child,.ios .list.inset-ios li:first-child:last-child>a,.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a,.md .list.inset-md li.swipeout:first-child:last-child,.md .list.inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:480px){.ios .list.xsmall-inset-ios,.list.xsmall-inset,.md .list.xsmall-inset-md{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}.ios .list.xsmall-inset-ios .block-title,.list.xsmall-inset .block-title,.md .list.xsmall-inset-md .block-title{margin-left:0;margin-right:0}.ios .list.xsmall-inset-ios ul,.list.xsmall-inset ul,.md .list.xsmall-inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.xsmall-inset-ios ul:after,.ios .list.xsmall-inset-ios ul:before,.list.xsmall-inset ul:after,.list.xsmall-inset ul:before,.md .list.xsmall-inset-md ul:after,.md .list.xsmall-inset-md ul:before{display:none!important}.ios .list.xsmall-inset-ios li:first-child>a,.list.xsmall-inset li:first-child>a,.md .list.xsmall-inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.xsmall-inset-ios li:last-child>a,.list.xsmall-inset li:last-child>a,.md .list.xsmall-inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.xsmall-inset-ios li:first-child:last-child>a,.list.xsmall-inset li:first-child:last-child>a,.md .list.xsmall-inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}.ios .list.xsmall-inset-ios.list-outline ul,.ios .list.xsmall-inset-ios.list-outline-ios ul,.list.xsmall-inset.list-outline ul,.md .list.xsmall-inset-md.list-outline ul,.md .list.xsmall-inset-md.list-outline-md ul{border:1px solid var(--f7-list-outline-inset-border-color)}}@media (min-width:568px){.ios .list.small-inset-ios,.list.small-inset,.md .list.small-inset-md{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}.ios .list.small-inset-ios .block-title,.list.small-inset .block-title,.md .list.small-inset-md .block-title{margin-left:0;margin-right:0}.ios .list.small-inset-ios ul,.list.small-inset ul,.md .list.small-inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.small-inset-ios ul:after,.ios .list.small-inset-ios ul:before,.list.small-inset ul:after,.list.small-inset ul:before,.md .list.small-inset-md ul:after,.md .list.small-inset-md ul:before{display:none!important}.ios .list.small-inset-ios li:first-child>a,.list.small-inset li:first-child>a,.md .list.small-inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.small-inset-ios li:last-child>a,.list.small-inset li:last-child>a,.md .list.small-inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.small-inset-ios li:first-child:last-child>a,.list.small-inset li:first-child:last-child>a,.md .list.small-inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}.ios .list.small-inset-ios.list-outline ul,.ios .list.small-inset-ios.list-outline-ios ul,.list.small-inset.list-outline ul,.md .list.small-inset-md.list-outline ul,.md .list.small-inset-md.list-outline-md ul{border:1px solid var(--f7-list-outline-inset-border-color)}}@media (min-width:768px){.ios .list.medium-inset-ios,.list.medium-inset,.md .list.medium-inset-md{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}.ios .list.medium-inset-ios .block-title,.list.medium-inset .block-title,.md .list.medium-inset-md .block-title{margin-left:0;margin-right:0}.ios .list.medium-inset-ios ul,.list.medium-inset ul,.md .list.medium-inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.medium-inset-ios ul:after,.ios .list.medium-inset-ios ul:before,.list.medium-inset ul:after,.list.medium-inset ul:before,.md .list.medium-inset-md ul:after,.md .list.medium-inset-md ul:before{display:none!important}.ios .list.medium-inset-ios li:first-child>a,.list.medium-inset li:first-child>a,.md .list.medium-inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.medium-inset-ios li:last-child>a,.list.medium-inset li:last-child>a,.md .list.medium-inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.medium-inset-ios li:first-child:last-child>a,.list.medium-inset li:first-child:last-child>a,.md .list.medium-inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}.ios .list.medium-inset-ios.list-outline ul,.ios .list.medium-inset-ios.list-outline-ios ul,.list.medium-inset.list-outline ul,.md .list.medium-inset-md.list-outline ul,.md .list.medium-inset-md.list-outline-md ul{border:1px solid var(--f7-list-outline-inset-border-color)}}@media (min-width:1024px){.ios .list.large-inset-ios,.list.large-inset,.md .list.large-inset-md{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}.ios .list.large-inset-ios .block-title,.list.large-inset .block-title,.md .list.large-inset-md .block-title{margin-left:0;margin-right:0}.ios .list.large-inset-ios ul,.list.large-inset ul,.md .list.large-inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.large-inset-ios ul:after,.ios .list.large-inset-ios ul:before,.list.large-inset ul:after,.list.large-inset ul:before,.md .list.large-inset-md ul:after,.md .list.large-inset-md ul:before{display:none!important}.ios .list.large-inset-ios li:first-child>a,.list.large-inset li:first-child>a,.md .list.large-inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.large-inset-ios li:last-child>a,.list.large-inset li:last-child>a,.md .list.large-inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.large-inset-ios li:first-child:last-child>a,.list.large-inset li:first-child:last-child>a,.md .list.large-inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}.ios .list.large-inset-ios.list-outline ul,.ios .list.large-inset-ios.list-outline-ios ul,.list.large-inset.list-outline ul,.md .list.large-inset-md.list-outline ul,.md .list.large-inset-md.list-outline-md ul{border:1px solid var(--f7-list-outline-inset-border-color)}}@media (min-width:1200px){.ios .list.xlarge-inset-ios,.list.xlarge-inset,.md .list.xlarge-inset-md{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}.ios .list.xlarge-inset-ios .block-title,.list.xlarge-inset .block-title,.md .list.xlarge-inset-md .block-title{margin-left:0;margin-right:0}.ios .list.xlarge-inset-ios ul,.list.xlarge-inset ul,.md .list.xlarge-inset-md ul{border-radius:var(--f7-list-inset-border-radius)}.ios .list.xlarge-inset-ios ul:after,.ios .list.xlarge-inset-ios ul:before,.list.xlarge-inset ul:after,.list.xlarge-inset ul:before,.md .list.xlarge-inset-md ul:after,.md .list.xlarge-inset-md ul:before{display:none!important}.ios .list.xlarge-inset-ios li:first-child>a,.list.xlarge-inset li:first-child>a,.md .list.xlarge-inset-md li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.ios .list.xlarge-inset-ios li:last-child>a,.list.xlarge-inset li:last-child>a,.md .list.xlarge-inset-md li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.ios .list.xlarge-inset-ios li:first-child:last-child>a,.list.xlarge-inset li:first-child:last-child>a,.md .list.xlarge-inset-md li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}.ios .list.xlarge-inset-ios.list-outline ul,.ios .list.xlarge-inset-ios.list-outline-ios ul,.list.xlarge-inset.list-outline ul,.md .list.xlarge-inset-md.list-outline ul,.md .list.xlarge-inset-md.list-outline-md ul{border:1px solid var(--f7-list-outline-inset-border-color)}}.list .no-chevron,.list.no-chevron,.menu-list{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.menu-list{--f7-list-font-size:var(--f7-menu-list-font-size);--f7-list-item-title-font-size:var(--f7-menu-list-item-title-font-size);--f7-list-item-title-font-weight:var(--f7-menu-list-item-title-font-weight);--f7-list-item-subtitle-font-size:var(--f7-menu-list-item-subtitle-font-size);--f7-list-item-text-font-size:var(--f7-menu-list-item-text-font-size);--f7-list-item-after-font-size:var(--f7-menu-list-item-after-font-size);--f7-list-item-min-height:var(--f7-menu-list-item-min-height)}.menu-list .item-after,.menu-list .item-footer,.menu-list .item-header,.menu-list .item-subtitle,.menu-list .item-text,.menu-list .item-title{transition-duration:.3s}.menu-list li:not(.list-group-title){padding-top:4px;padding-bottom:4px}.menu-list li:not(.list-group-title):first-child{padding-top:4px}.menu-list li:not(.list-group-title):last-child{padding-bottom:4px}.menu-list .item-link{margin-left:var(--f7-menu-list-offset);margin-right:var(--f7-menu-list-offset);border-radius:var(--f7-menu-list-border-radius)!important;color:var(--f7-menu-list-item-text-color);background-color:var(--f7-menu-list-item-bg-color)}.menu-list .item-inner:after{display:none}.menu-list .item-selected .item-link,.menu-list .item-selected.item-link,.menu-list .tab-link-active .item-link,.menu-list .tab-link-active.item-link{color:var(--f7-menu-list-item-selected-text-color);background-color:var(--f7-menu-list-item-selected-bg-color)}.menu-list .item-selected .item-after,.menu-list .item-selected .item-footer,.menu-list .item-selected .item-header,.menu-list .item-selected .item-subtitle,.menu-list .item-selected .item-text,.menu-list .item-selected .item-title{color:var(--f7-menu-list-item-selected-text-color)}.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}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--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-padding:0 4px;--f7-badge-size:20px;--f7-badge-font-weight:600}.md{--f7-badge-padding:2px 6px;--f7-badge-size:20px;--f7-badge-font-weight:500}.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);--f7-badge-padding:0px 2px}.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);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);--f7-segmented-strong-button-text-color:#000;--f7-segmented-strong-button-pressed-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-button-hover-bg-color:rgba(0, 0, 0, 0.04);--f7-segmented-strong-button-active-text-color:#000;--f7-segmented-strong-button-active-bg-color:#fff}:root .dark,:root.dark{--f7-segmented-strong-button-pressed-bg-color:rgba(255, 255, 255, 0.04);--f7-segmented-strong-button-hover-bg-color:rgba(255, 255, 255, 0.02);--f7-segmented-strong-button-active-bg-color:rgba(255, 255, 255, 0.14);--f7-segmented-strong-button-text-color:#fff;--f7-segmented-strong-button-active-text-color:#fff}.ios{--f7-button-fill-text-color:#fff;--f7-button-text-transform:uppercase;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-outline-border-color:var(--f7-theme-color);--f7-button-outline-border-width:2px;--f7-button-large-text-transform:uppercase;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-small-outline-border-width:2px;--f7-button-small-text-transform:uppercase;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600;--f7-button-tonal-bg-color:rgba(var(--f7-theme-color-rgb), 0.15);--f7-button-tonal-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.25);--f7-button-tonal-text-color:var(--f7-theme-color);--f7-segmented-strong-bg-color:rgba(0, 0, 0, 0.07)}.ios .dark,.ios.dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1)}.md{--f7-button-text-transform:none;--f7-button-height:40px;--f7-button-padding-horizontal:16px;--f7-button-border-radius:8px;--f7-button-font-weight:500;--f7-button-letter-spacing:normal;--f7-button-outline-border-width:1px;--f7-button-large-text-transform:none;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-button-small-height:32px;--f7-button-small-font-size:14px;--f7-button-small-font-weight:500;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-button-fill-pressed-bg-color:var(--f7-theme-color-shade);--f7-button-fill-text-color:var(--f7-md-on-primary);--f7-button-outline-border-color:var(--f7-md-outline);--f7-segmented-strong-bg-color:var(--f7-md-surface-variant);--f7-button-tonal-bg-color:var(--f7-md-secondary-container);--f7-button-tonal-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.25);--f7-button-tonal-text-color:var(--f7-md-on-secondary-container)}button{-webkit-appearance:none;appearance:none;width:100%}.button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25);text-decoration:none;text-align:center;display:flex;-webkit-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=reset].button,input[type=submit].button{width:100%}.button>i+span,.button>span+span,.button>span~i{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)}.ios .button-active.color-white,.ios .button-fill.color-white,.ios .button.tab-link-active.color-white,.ios .color-white .button-active,.ios .color-white .button-fill,.ios .color-white .button.tab-link-active,.ios .color-white .ios .button-fill-ios,.ios .color-white .md .button-fill-md,.ios .ios .button-fill-ios.color-white,.ios .md .button-fill-md.color-white{--f7-button-text-color:#000}.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-tonal,.ios .button-tonal-ios,.md .button-tonal-md{--f7-button-bg-color:var(--f7-button-tonal-bg-color);--f7-button-text-color:var(--f7-button-tonal-text-color);--f7-button-pressed-bg-color:var(--f7-button-tonal-pressed-bg-color)}.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);--f7-button-text-transform:var(--f7-button-large-text-transform)}.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);box-sizing:border-box}.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-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)}.ios .segmented-strong-ios,.md .segmented-strong-md,.segmented-strong{--f7-button-bg-color:transparent;--f7-button-hover-bg-color:var(--f7-segmented-strong-button-hover-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-font-weight);--f7-button-text-transform:var(--f7-segmented-strong-button-text-transform);--f7-button-pressed-bg-color:var(--f7-segmented-strong-button-pressed-bg-color);position:relative;background:var(--f7-segmented-strong-bg-color);border-radius:calc(var(--f7-button-border-radius) + 2px);box-shadow:none;padding:var(--f7-segmented-strong-padding);overflow:hidden}.ios .segmented-strong-ios .button,.md .segmented-strong-md .button,.segmented-strong .button{z-index:1;transform:translate3d(0,0,0)}.ios .segmented-strong-ios .button,.ios .segmented-strong-ios .button:first-child,.ios .segmented-strong-ios .button:last-child,.md .segmented-strong-md .button,.md .segmented-strong-md .button:first-child,.md .segmented-strong-md .button:last-child,.segmented-strong .button,.segmented-strong .button:first-child,.segmented-strong .button:last-child{border-radius:var(--f7-button-border-radius)}.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-left:var(--f7-segmented-strong-between-buttons)}.ios .segmented-strong-ios .button.button-active,.ios .segmented-strong-ios .button.tab-link-active,.md .segmented-strong-md .button.button-active,.md .segmented-strong-md .button.tab-link-active,.segmented-strong .button.button-active,.segmented-strong .button.tab-link-active{--f7-button-hover-bg-color:transparent;--f7-button-bg-color:transparent;--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight)}.ios .segmented-strong-ios .segmented-highlight,.md .segmented-strong-md .segmented-highlight,.segmented-strong .segmented-highlight{--f7-segmented-highlight-num:1;--f7-segmented-highlight-active:0;--f7-segmented-highlight-padding:calc(var(--f7-segmented-strong-padding) * 2);--f7-segmented-highlight-between:var(--f7-segmented-strong-between-buttons);--f7-segmented-highlight-width:calc((100% - var(--f7-segmented-highlight-padding) - var(--f7-segmented-highlight-between) * (var(--f7-segmented-highlight-num) - 1)) / var(--f7-segmented-highlight-num));position:absolute;background-color:var(--f7-segmented-strong-button-active-bg-color);border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-segmented-strong-button-active-box-shadow);left:var(--f7-segmented-strong-padding);top:var(--f7-segmented-strong-padding);height:calc(100% - var(--f7-segmented-strong-padding) * 2);width:var(--f7-segmented-highlight-width);z-index:0;transform:translateX(calc(var(--f7-segmented-highlight-active) * 100% + var(--f7-segmented-highlight-active) * var(--f7-segmented-highlight-between)));transition:.2s}.button:nth-child(2)~.segmented-highlight{--f7-segmented-highlight-num:2}.button:nth-child(3)~.segmented-highlight{--f7-segmented-highlight-num:3}.button:nth-child(4)~.segmented-highlight{--f7-segmented-highlight-num:4}.button:nth-child(5)~.segmented-highlight{--f7-segmented-highlight-num:5}.button:nth-child(6)~.segmented-highlight{--f7-segmented-highlight-num:6}.button:nth-child(7)~.segmented-highlight{--f7-segmented-highlight-num:7}.button:nth-child(8)~.segmented-highlight{--f7-segmented-highlight-num:8}.button:nth-child(9)~.segmented-highlight{--f7-segmented-highlight-num:9}.button:nth-child(10)~.segmented-highlight{--f7-segmented-highlight-num:10}.button-active:nth-child(2)~.segmented-highlight,.tab-link-active:nth-child(2)~.segmented-highlight{--f7-segmented-highlight-active:1}.button-active:nth-child(3)~.segmented-highlight,.tab-link-active:nth-child(3)~.segmented-highlight{--f7-segmented-highlight-active:2}.button-active:nth-child(4)~.segmented-highlight,.tab-link-active:nth-child(4)~.segmented-highlight{--f7-segmented-highlight-active:3}.button-active:nth-child(5)~.segmented-highlight,.tab-link-active:nth-child(5)~.segmented-highlight{--f7-segmented-highlight-active:4}.button-active:nth-child(6)~.segmented-highlight,.tab-link-active:nth-child(6)~.segmented-highlight{--f7-segmented-highlight-active:5}.button-active:nth-child(7)~.segmented-highlight,.tab-link-active:nth-child(7)~.segmented-highlight{--f7-segmented-highlight-active:6}.button-active:nth-child(8)~.segmented-highlight,.tab-link-active:nth-child(8)~.segmented-highlight{--f7-segmented-highlight-active:7}.button-active:nth-child(9)~.segmented-highlight,.tab-link-active:nth-child(9)~.segmented-highlight{--f7-segmented-highlight-active:8}.button-active:nth-child(10)~.segmented-highlight,.tab-link-active:nth-child(10)~.segmented-highlight{--f7-segmented-highlight-active:9}.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.ios .segmented-round-ios .segmented-highlight,.md .segmented-round-md .segmented-highlight,.segmented-round .segmented-highlight{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.button-preloader{position:relative;--f7-preloader-color:var(--f7-button-text-color, var(--f7-theme-color))}.button-preloader:not(.button-large){--f7-preloader-size:calc(var(--f7-button-height) - 6px)}.button-preloader.button-fill{--f7-preloader-color:#fff}.button-preloader>span:not(.preloader){transition:.2s;display:inline-flex;align-items:center;align-content:center;justify-content:center;transform:scale(1)}.button-preloader>.preloader{position:absolute;left:50%;top:50%;transition:.2s;transition-property:opacity;opacity:0;visibility:hidden;margin-left:calc(-1 * var(--f7-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-preloader-size)/ 2)}.button-preloader.button-loading>span:not(.preloader){opacity:0;transform:scale(0)}.button-preloader.button-loading>.preloader{opacity:1;visibility:visible}.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)}.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;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);background-color:var(--f7-touch-ripple-color);animation:touch-ripple-in .2s forwards}.ripple-wave.ripple-wave-out{transform:var(--f7-ripple-transform);animation:touch-ripple-out .3s forwards}.button-fill .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)}@keyframes touch-ripple-in{from{transform:translate3d(0px,0px,0) scale(0)}to{transform:var(--f7-ripple-transform)}}@keyframes touch-ripple-out{from{opacity:1}to{opacity:0}}.f7-icons,.material-icons{width:1em;height:1em}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;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 .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 .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,.fab-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,.fab-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,.fab-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}
package/modules/router/back.js CHANGED
@@ -119,11 +119,13 @@ function backward(router, el, backwardOptions) {
119
119
  if (router.history.indexOf(options.route.url) >= 0) {
120
120
  backIndex = router.history.length - router.history.indexOf(options.route.url) - 1;
121
121
  router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2);
122
+ router.propsHistory = router.propsHistory.slice(0, router.history.indexOf(options.route.url) + 2);
122
123
  view.history = router.history;
123
124
  } else if (router.history[[router.history.length - 2]]) {
124
- router.history[router.history.length - 2] = options.route.url;
125
+ router.propsHistory[router.propsHistory.length - 2] = options.props || {};
125
126
  } else {
126
127
  router.history.unshift(router.url);
128
+ router.propsHistory.unshift(options.props || {});
127
129
  }
128
130
  const $pageToRemove = $oldPage.prev('.page-previous');
129
131
  let $navbarToRemove;
@@ -249,11 +251,14 @@ function backward(router, el, backwardOptions) {
249
251
  // Update History
250
252
  if (options.replaceState) {
251
253
  router.history[router.history.length - 1] = options.route.url;
254
+ router.propsHistory[router.propsHistory.length - 1] = options.props || {};
252
255
  } else {
253
256
  if (router.history.length === 1) {
254
257
  router.history.unshift(router.url);
258
+ router.propsHistory.unshift(options.props || {});
255
259
  }
256
260
  router.history.pop();
261
+ router.propsHistory.pop();
257
262
  }
258
263
  router.saveHistory();
259
264
 
@@ -336,7 +341,8 @@ function backward(router, el, backwardOptions) {
336
341
  const preloadPreviousPage = router.params.preloadPreviousPage || router.params[`${app.theme}SwipeBack`];
337
342
  if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) {
338
343
  router.back(router.history[router.history.length - 2], {
339
- preload: true
344
+ preload: true,
345
+ props: router.propsHistory[router.propsHistory.length - 2] || {}
340
346
  });
341
347
  }
342
348
  if (router.params.browserHistory) {
@@ -386,6 +392,7 @@ function loadBack(router, backParams, backOptions, ignorePageChange) {
386
392
  componentUrl
387
393
  } = params;
388
394
  if (options.route.url && router.url === options.route.url && !(options.reloadCurrent || options.reloadPrevious) && !router.params.allowDuplicateUrls) {
395
+ router.allowPageChange = true;
389
396
  return false;
390
397
  }
391
398
  if (!options.route && url) {
@@ -448,6 +455,7 @@ function back() {
448
455
  if (router.swipeBackActive) return router;
449
456
  let navigateUrl;
450
457
  let navigateOptions;
458
+ let navigateProps;
451
459
  let route;
452
460
  if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
453
461
  navigateOptions = (arguments.length <= 0 ? undefined : arguments[0]) || {};
@@ -531,6 +539,7 @@ function back() {
531
539
  }
532
540
  router.currentRoute = previousRoute;
533
541
  router.history.pop();
542
+ router.propsHistory.pop();
534
543
  router.saveHistory();
535
544
  if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
536
545
  History.back();
@@ -573,7 +582,8 @@ function back() {
573
582
  if (!navigateOptions.force && $previousPage.length && !skipMaster) {
574
583
  if (router.params.browserHistory && $previousPage[0].f7Page && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url) {
575
584
  router.back(router.history[router.history.length - 2], extend(navigateOptions, {
576
- force: true
585
+ force: true,
586
+ props: router.propsHistory[router.propsHistory.length - 2] || {}
577
587
  }));
578
588
  return router;
579
589
  }
@@ -597,11 +607,13 @@ function back() {
597
607
  }
598
608
  if (!navigateUrl && router.history.length > 1) {
599
609
  navigateUrl = router.history[router.history.length - 2];
610
+ navigateProps = router.propsHistory[router.propsHistory.length - 2] || {};
600
611
  }
601
612
  if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) {
602
613
  return router.back(router.history[router.history.length - 3], extend({}, navigateOptions || {}, {
603
614
  force: true,
604
- animate: false
615
+ animate: false,
616
+ props: router.propsHistory[router.propsHistory.length - 3] || {}
605
617
  }));
606
618
  }
607
619
  if (skipMaster && !navigateOptions.force) {
@@ -631,9 +643,13 @@ function back() {
631
643
  }
632
644
  const options = {};
633
645
  if (route.route.options) {
634
- extend(options, route.route.options, navigateOptions);
646
+ extend(options, route.route.options, navigateOptions, {
647
+ props: navigateProps || {}
648
+ });
635
649
  } else {
636
- extend(options, navigateOptions);
650
+ extend(options, navigateOptions, {
651
+ props: navigateProps || {}
652
+ });
637
653
  }
638
654
  options.route = route;
639
655
  function resolve() {
package/modules/router/navigate.js CHANGED
@@ -6,12 +6,16 @@ import redirect from './redirect.js';
6
6
  import processRouteQueue from './process-route-queue.js';
7
7
  import appRouterCheck from './app-router-check.js';
8
8
  import asyncComponent from './async-component.js';
9
- function refreshPage() {
9
+ function refreshPage(props) {
10
+ if (props === void 0) {
11
+ props = {};
12
+ }
10
13
  const router = this;
11
14
  appRouterCheck(router, 'refreshPage');
12
15
  return router.navigate(router.currentRoute.url, {
13
16
  ignoreCache: true,
14
- reloadCurrent: true
17
+ reloadCurrent: true,
18
+ props
15
19
  });
16
20
  }
17
21
  function forward(router, el, forwardOptions) {
@@ -285,14 +289,19 @@ function forward(router, el, forwardOptions) {
285
289
  if (((options.reloadCurrent || reloadDetail && otherDetailPageEl) && router.history.length) > 0 || options.replaceState) {
286
290
  if (reloadDetail && detailsInBetweenRemoved > 0) {
287
291
  router.history = router.history.slice(0, router.history.length - detailsInBetweenRemoved);
292
+ router.propsHistory = router.propsHistory.slice(0, router.propsHistory.length - detailsInBetweenRemoved);
288
293
  }
289
294
  router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url;
295
+ router.propsHistory[router.propsHistory.length - (options.reloadPrevious ? 2 : 1)] = options.props || {};
290
296
  } else if (options.reloadPrevious) {
291
297
  router.history[router.history.length - 2] = url;
298
+ router.propsHistory[router.propsHistory.length - 2] = options.props || {};
292
299
  } else if (options.reloadAll) {
293
300
  router.history = [url];
301
+ router.propsHistory = [options.props || {}];
294
302
  } else {
295
303
  router.history.push(url);
304
+ router.propsHistory.push(options.props || {});
296
305
  }
297
306
  }
298
307
  router.saveHistory();
package/modules/router/router-class.js CHANGED
@@ -36,6 +36,7 @@ class Router extends Framework7Class {
36
36
  params: view.params,
37
37
  routes: view.routes,
38
38
  history: view.history,
39
+ propsHistory: [],
39
40
  scrollHistory: view.scrollHistory,
40
41
  cache: app.cache,
41
42
  dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar,
@@ -1029,11 +1030,11 @@ class Router extends Framework7Class {
1029
1030
  }
1030
1031
  } else {
1031
1032
  if (browserHistoryRoot && documentUrl.indexOf(browserHistoryRoot) >= 0) {
1032
- documentUrl = documentUrl.split(browserHistoryRoot)[1];
1033
+ documentUrl = documentUrl.substring(documentUrl.indexOf(browserHistoryRoot) + browserHistoryRoot.length);
1033
1034
  if (documentUrl === '') documentUrl = '/';
1034
1035
  }
1035
1036
  if (browserHistorySeparator.length > 0 && documentUrl.indexOf(browserHistorySeparator) >= 0) {
1036
- initialUrl = documentUrl.split(browserHistorySeparator)[1];
1037
+ initialUrl = documentUrl.substring(documentUrl.indexOf(browserHistorySeparator) + browserHistorySeparator.length);
1037
1038
  } else {
1038
1039
  initialUrl = documentUrl;
1039
1040
  }
package/modules/router/router.d.ts CHANGED
@@ -226,7 +226,7 @@ export namespace Router {
226
226
  /** Go back to previous page, going back in View history */
227
227
  back(url?: string, options?: RouteOptions): Router;
228
228
  /** Refresh/reload current page */
229
- refreshPage(): Router;
229
+ refreshPage(props?: any): Router;
230
230
  /** Clear router previous pages history and remove all previous pages from DOM */
231
231
  clearPreviousHistory(): Router;
232
232
  /** Updates current route url, and updates `router.currentRoute` properties (query, params, hash, etc.) based on passed url. This method doesn't load or reload any content. It just changes current route url */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framework7",
3
- "version": "8.0.0-beta.1",
3
+ "version": "8.0.0-beta.2",
4
4
  "description": "Full featured mobile HTML framework for building iOS & Android apps",
5
5
  "type": "module",
6
6
  "exports": {
@@ -446,11 +446,11 @@
446
446
  "url": "https://www.patreon.com/framework7"
447
447
  },
448
448
  "dependencies": {
449
- "dom7": "^4.0.4",
449
+ "dom7": "^4.0.6",
450
450
  "htm": "^3.1.1",
451
451
  "path-to-regexp": "^6.2.0",
452
452
  "skeleton-elements": "^4.0.1",
453
453
  "ssr-window": "^4.0.2",
454
- "swiper": "^9.0.0-beta.21"
454
+ "swiper": "^9.0.3"
455
455
  }
456
456
  }
package/components/accordion/accordion.lazy.js DELETED
@@ -1 +0,0 @@
1
- (function framework7ComponentLoader(e,o){void 0===o&&(o=!0);var t=e.$,n=e.utils,i=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,n.nextFrame),c=n.bindMethods;const r={toggleClicked(e){let o=e.closest(".accordion-item").eq(0);o.length||(o=e.parents("li").eq(0));const t=e.parents(".accordion-item-content").eq(0);t.length&&t.parents(o).length||e.parents("li").length>1&&e.parents("li")[0]!==o[0]||this.accordion.toggle(o)},open(e){const o=this,n=t(e);let c=!1;function r(){c=!0}if(n.trigger("accordion:beforeopen",{prevent:r},r),o.emit("accordionBeforeOpen",n[0],r),c)return;const s=n.parents(".accordion-list").eq(0);let a=n.children(".accordion-item-content");if(a.removeAttr("aria-hidden"),0===a.length&&(a=n.find(".accordion-item-content")),0===a.length)return;const d=s.length>0&&n.parent().children(".accordion-item-opened");d.length>0&&o.accordion.close(d),a.transitionEnd((()=>{n.hasClass("accordion-item-opened")?(a.transition(0),a.css("height","auto"),i((()=>{a.transition(""),n.trigger("accordion:opened"),o.emit("accordionOpened",n[0])}))):(a.css("height",""),n.trigger("accordion:closed"),o.emit("accordionClosed",n[0]))})),a.css("height",`${a[0].scrollHeight}px`),n.trigger("accordion:open"),n.addClass("accordion-item-opened"),o.emit("accordionOpen",n[0])},close(e){const o=this,n=t(e);let c=!1;function r(){c=!0}if(n.trigger("accordion:beforeclose",{prevent:r},r),o.emit("accordionBeforeClose",n[0],r),c)return;let s=n.children(".accordion-item-content");0===s.length&&(s=n.find(".accordion-item-content")),n.removeClass("accordion-item-opened"),s.attr("aria-hidden",!0),s.transition(0),s.css("height",`${s[0].scrollHeight}px`),s.transitionEnd((()=>{n.hasClass("accordion-item-opened")?(s.transition(0),s.css("height","auto"),i((()=>{s.transition(""),n.trigger("accordion:opened"),o.emit("accordionOpened",n[0])}))):(s.css("height",""),n.trigger("accordion:closed"),o.emit("accordionClosed",n[0]))})),i((()=>{s.transition(""),s.css("height",""),n.trigger("accordion:close"),o.emit("accordionClose",n[0])}))},toggle(e){const o=t(e);0!==o.length&&(o.hasClass("accordion-item-opened")?this.accordion.close(e):this.accordion.open(e))}};var s={name:"accordion",create(){c(this,{accordion:r})},clicks:{".accordion-item .item-link, .accordion-item-toggle, .links-list.accordion-list > ul > li > a":function(e){r.toggleClicked.call(this,e)}}};if(o){if(e.prototype.modules&&e.prototype.modules[s.name])return;e.use(s),e.instance&&(e.instance.useModuleParams(s,e.instance.params),e.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
package/components/actions/actions.lazy.js DELETED
@@ -1 +0,0 @@
1
- (function framework7ComponentLoader(o,e){void 0===e&&(e=!0);var a=o.$,s=o.utils,t=o.getDevice,n=(o.getSupport,o.Class,o.Modal),l=(o.ConstructorMethods,o.ModalMethods),r=o.$jsx,c=s.extend,i=s.nextTick;class p extends n{constructor(o,e){const s=c({on:{}},o.params.actions,e);super(o,s);const n=this,l=t();let r,p,d;if(n.params=s,n.params.buttons&&(r=n.params.buttons,Array.isArray(r[0])||(r=[r])),n.groups=r,n.params.el?p=a(n.params.el).eq(0):n.params.content?p=a(n.params.content).filter((o=>1===o.nodeType)).eq(0):n.params.buttons&&(n.params.convertToPopover&&(n.popoverHtml=n.renderPopover()),n.actionsHtml=n.render()),p&&p.length>0&&p[0].f7Modal)return p[0].f7Modal;if(p&&0===p.length&&!n.actionsHtml&&!n.popoverHtml)return n.destroy();n.params.backdrop&&n.params.backdropEl?d=a(n.params.backdropEl):n.params.backdrop&&(n.params.backdropUnique?(d=a('<div class="popup-backdrop popup-backdrop-unique"></div>'),n.$containerEl.append(d)):d=n.$containerEl.children(".actions-backdrop"),0===d.length&&(d=a('<div class="actions-backdrop"></div>'),n.$containerEl.append(d)));const m=n.open,u=n.close;let v;function k(o){const e=a(this);let s,t;if(e.hasClass("list-button")||e.hasClass("item-link")?(s=e.parents("li").index(),t=e.parents(".list").index()):(s=e.index(),t=e.parents(".actions-group").index()),void 0!==r){const e=r[t][s];e.onClick&&e.onClick(n,o),n.params.onClick&&n.params.onClick(n,o),!1!==e.close&&n.close()}}function b(o){const e=o.target,s=a(e);!l.desktop&&l.cordova&&(window.Keyboard&&window.Keyboard.isVisible||window.cordova.plugins&&window.cordova.plugins.Keyboard&&window.cordova.plugins.Keyboard.isVisible)||0===s.closest(n.el).length&&(n.params.closeByBackdropClick&&n.params.backdrop&&n.backdropEl&&n.backdropEl===e||n.params.closeByOutsideClick)&&n.close()}function $(o){27===o.keyCode&&n.params.closeOnEscape&&n.close()}return n.open=function(e){let s=!1;const{targetEl:t,targetX:r,targetY:c,targetWidth:p,targetHeight:d}=n.params;return n.params.convertToPopover&&(t||void 0!==r&&void 0!==c)&&(n.params.forceToPopover||l.ios&&l.ipad||o.width>=768||l.desktop)&&(s=!0),s&&n.popoverHtml?(v=o.popover.create({containerEl:n.params.containerEl,content:n.popoverHtml,backdrop:n.params.backdrop,targetEl:t,targetX:r,targetY:c,targetWidth:p,targetHeight:d,on:{open(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:open ${n.type.toLowerCase()}:open`),n.emit(`local::open modalOpen ${n.type}Open`,n)},opened(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:opened ${n.type.toLowerCase()}:opened`),n.emit(`local::opened modalOpened ${n.type}Opened`,n)},close(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:close ${n.type.toLowerCase()}:close`),n.emit(`local::close modalClose ${n.type}Close`,n)},closed(){n.$el||(n.$el=v.$el),n.$el.trigger(`modal:closed ${n.type.toLowerCase()}:closed`),n.emit(`local::closed modalClosed ${n.type}Closed`,n)}}}),v.open(e),v.once("popoverOpened",(()=>{v.$el.find(".list-button, .item-link").each((o=>{a(o).on("click",k)}))})),v.once("popoverClosed",(()=>{v.$el.find(".list-button, .item-link").each((o=>{a(o).off("click",k)})),i((()=>{v.destroy(),v=void 0}))}))):(n.$el=n.actionsHtml?a(n.actionsHtml):n.$el,n.$el[0].f7Modal=n,n.groups&&(n.$el.find(".actions-button").each((o=>{a(o).on("click",k)})),n.once("actionsClosed",(()=>{n.$el.find(".actions-button").each((o=>{a(o).off("click",k)}))}))),n.el=n.$el[0],m.call(n,e)),n},n.close=function(o){return v?v.close(o):u.call(n,o),n},c(n,{app:o,$el:p,el:p?p[0]:void 0,$backdropEl:d,backdropEl:d&&d[0],type:"actions"}),n.params.closeOnEscape&&(n.on("open",(()=>{a(document).on("keydown",$)})),n.on("close",(()=>{a(document).off("keydown",$)}))),n.on("opened",(()=>{(n.params.closeByBackdropClick||n.params.closeByOutsideClick)&&o.on("click",b)})),n.on("close",(()=>{(n.params.closeByBackdropClick||n.params.closeByOutsideClick)&&o.off("click",b)})),p&&(p[0].f7Modal=n),n}render(){const o=this;if(o.params.render)return o.params.render.call(o,o);const{groups:e}=o,a=o.params.cssClass;return r("div",{class:`actions-modal${o.params.grid?" actions-grid":""} ${a||""}`},e.map((o=>r("div",{class:"actions-group"},o.map((o=>{const e=["actions-"+(o.label?"label":"button")],{color:a,bg:s,strong:t,disabled:n,label:l,text:c,icon:i}=o;return a&&e.push(`color-${a}`),s&&e.push(`bg-color-${s}`),t&&e.push("actions-button-strong"),n&&e.push("disabled"),l?r("div",{class:e.join(" ")},c):r("div",{class:e.join(" ")},i&&r("div",{class:"actions-button-media"},i),r("div",{class:"actions-button-text"},c))}))))))}renderPopover(){const o=this;if(o.params.renderPopover)return o.params.renderPopover.call(o,o);const{groups:e}=o,a=o.params.cssClass;return r("div",{class:`popover popover-from-actions ${a||""}`},r("div",{class:"popover-inner"},e.map((o=>r("div",{class:"list"},r("ul",null,o.map((o=>{const e=[],{color:a,bg:s,strong:t,disabled:n,label:l,text:c,icon:i}=o;return a&&e.push(`color-${a}`),s&&e.push(`bg-color-${s}`),t&&e.push("popover-from-actions-strong"),n&&e.push("disabled"),l?(e.push("popover-from-actions-label"),`<li class="${e.join(" ")}">${c}</li>`):i?(e.push("item-link item-content"),r("li",null,r("a",{class:e.join(" ")},r("div",{class:"item-media"},i),r("div",{class:"item-inner"},r("div",{class:"item-title"},c))))):(e.push("list-button"),r("li",null,r("a",{class:e.join(" ")},c)))}))))))))}}var d={name:"actions",params:{actions:{convertToPopover:!0,forceToPopover:!1,backdrop:!0,backdropEl:void 0,backdropUnique:!1,cssClass:null,closeByBackdropClick:!0,closeOnEscape:!1,render:null,renderPopover:null,containerEl:null}},static:{Actions:p},create(){this.actions=l({app:this,constructor:p,defaultSelector:".actions-modal.modal-in"})},clicks:{".actions-open":function(o,e){void 0===e&&(e={});this.actions.open(e.actions,e.animate,o)},".actions-close":function(o,e){void 0===e&&(e={});this.actions.close(e.actions,e.animate,o)}}};if(e){if(o.prototype.modules&&o.prototype.modules[d.name])return;o.use(d),o.instance&&(o.instance.useModuleParams(d,o.instance.params),o.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
package/components/area-chart/area-chart.lazy.js DELETED
@@ -1 +0,0 @@
1
- (function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,s=e.utils,l=(e.getDevice,e.getSupport,e.Class),n=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,e.$jsx),r=s.extend,i=s.deleteProps;class d extends l{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const s=this,l=r({},e.params.areaChart);s.useModulesParams(l),s.params=r(l,t);const{el:n}=s.params;if(!n)return s;const o=a(n);return 0===o.length?s:o[0].f7AreaChart?o[0].f7AreaChart:(r(s,{app:e,$el:o,el:o&&o[0],currentIndex:null,hiddenDatasets:[],f7Tooltip:null,linesOffsets:null}),o[0].f7AreaChart=s,s.useModules(),s.onMouseEnter=s.onMouseEnter.bind(s),s.onMouseMove=s.onMouseMove.bind(s),s.onMouseLeave=s.onMouseLeave.bind(s),s.onLegendClick=s.onLegendClick.bind(s),s.init(),s)}getVisibleLabels(){const{maxAxisLabels:e,axisLabels:t}=this.params;if(!e||t.length<=e)return t;const a=Math.ceil(t.length/e);return t.filter(((e,t)=>t%a==0))}getSummValues(){const{datasets:e}=this.params,{hiddenDatasets:t}=this,a=[];return e.filter(((e,a)=>!t.includes(a))).forEach((e=>{let{values:t}=e;t.forEach(((e,t)=>{a[t]||(a[t]=0),a[t]+=e}))})),a}getChartData(){const{datasets:e,lineChart:t,width:a,height:s}=this.params,{hiddenDatasets:l}=this,n=[];if(!e.length)return n;const o=e[0].values.map((()=>0));let r=0;return t?e.filter(((e,t)=>!l.includes(t))).forEach((e=>{let{values:t}=e;const a=Math.max(...t);a>r&&(r=a)})):r=Math.max(...this.getSummValues()),e.filter(((e,t)=>!l.includes(t))).forEach((e=>{let{label:l,values:i,color:d}=e;const h=i.map(((e,l)=>{o[l]+=e;const n=t?e:o[l],d=l/(i.length-1)*a,h=s-n/r*s;return t?`${0===l?"M":"L"}${d},${h}`:`${d} ${h}`}));t||h.push(`${a} ${s} 0 ${s}`),n.push({label:l,points:h.join(" "),color:d})})),n.reverse()}getVerticalLines(){const{datasets:e,width:t}=this.params,a=[];if(!e.length)return a;const s=e[0].values;return s.forEach(((e,l)=>{const n=l/(s.length-1)*t;a.push(n)})),a}toggleDataset(e){const{hiddenDatasets:t,params:{toggleDatasets:a}}=this;a&&(t.includes(e)?t.splice(t.indexOf(e),1):t.push(e),this.$legendEl&&(this.$legendEl.find(".area-chart-legend-item").removeClass("area-chart-legend-item-hidden"),t.forEach((e=>{this.$legendEl.find(`.area-chart-legend-item[data-index="${e}"]`).addClass("area-chart-legend-item-hidden")}))),this.update({},!0))}formatAxisLabel(e){const{formatAxisLabel:t}=this.params;return t?t.call(this,e):e}formatLegendLabel(e){const{formatLegendLabel:t}=this.params;return t?t.call(this,e):e}calcLinesOffsets(){const e=this.svgEl.querySelectorAll("line");this.linesOffsets=[];for(let t=0;t<e.length;t+=1)this.linesOffsets.push(e[t].getBoundingClientRect().left)}formatTooltip(){const e=this,{currentIndex:t,hiddenDatasets:a,params:{datasets:s,axisLabels:l,formatTooltip:n,formatTooltipTotal:o,formatTooltipAxisLabel:r,formatTooltipDataset:i}}=e;if(null===t)return"";let d=0;const h=s.filter(((e,t)=>!a.includes(t))).map((e=>({color:e.color,label:e.label,value:e.values[t]})));if(h.forEach((e=>{d+=e.value})),n)return n({index:t,total:d,datasets:h});let c=r?r.call(e,l[t]):this.formatAxisLabel(l[t]);c||(c="");return`\n <div class="area-chart-tooltip-label">${c}</div>\n <div class="area-chart-tooltip-total">${o?o.call(e,d):d}</div>\n ${h.length>0?`\n <ul class="area-chart-tooltip-list">\n ${h.map((t=>{let{label:a,color:s,value:l}=t;return`\n <li><span style="background-color: ${s};"></span>${i?i.call(e,a,l,s):`${a?`${a}: `:""}${l}`}</li>\n `})).join("")}\n </ul>`:""}\n `}setTooltip(){const e=this,{app:t,el:a,svgEl:s,hiddenDatasets:l,currentIndex:n,params:{tooltip:o,datasets:r}}=e;if(!o)return;if(r.filter(((e,t)=>!l.includes(t))).length>0)return null===n||e.f7Tooltip?void(e.f7Tooltip&&e.f7Tooltip.hide&&e.f7Tooltip.show&&(null!==n?(e.f7Tooltip.setText(e.formatTooltip()),e.f7Tooltip.setTargetEl(s.querySelector(`line[data-index="${n}"]`)),e.f7Tooltip.show()):e.f7Tooltip.hide())):(e.f7Tooltip=t.tooltip.create({trigger:"manual",containerEl:a,targetEl:s.querySelector(`line[data-index="${n}"]`),text:e.formatTooltip(),cssClass:"area-chart-tooltip"}),void(e.f7Tooltip&&e.f7Tooltip.show&&e.f7Tooltip.show()));e.f7Tooltip&&e.f7Tooltip.hide&&e.f7Tooltip.hide()}setCurrentIndex(e){e!==this.currentIndex&&(this.currentIndex=e,this.$el.trigger("areachart:select",{index:e}),this.emit("local::select areaChartSelect",this,e),this.$svgEl.find("line").removeClass("area-chart-current-line"),this.$svgEl.find(`line[data-index="${e}"]`).addClass("area-chart-current-line"),this.setTooltip())}onLegendClick(e){const t=parseInt(a(e.target).closest(".area-chart-legend-item").attr("data-index"),10);this.toggleDataset(t)}onMouseEnter(){this.calcLinesOffsets()}onMouseMove(e){const t=this;t.linesOffsets||t.calcLinesOffsets();let a=e.pageX;void 0===a&&(a=0);const s=t.linesOffsets.map((e=>Math.abs(a-e))),l=Math.min(...s),n=s.indexOf(l);t.setCurrentIndex(n)}onMouseLeave(){this.setCurrentIndex(null)}attachEvents(){const{svgEl:e,$el:t}=this;e&&(e.addEventListener("mouseenter",this.onMouseEnter),e.addEventListener("mousemove",this.onMouseMove),e.addEventListener("mouseleave",this.onMouseLeave),t.on("click",".area-chart-legend-item",this.onLegendClick))}detachEvents(){const{svgEl:e,$el:t}=this;e&&(e.removeEventListener("mouseenter",this.onMouseEnter),e.removeEventListener("mousemove",this.onMouseMove),e.removeEventListener("mouseleave",this.onMouseLeave),t.off("click",".area-chart-legend-item",this.onLegendClick))}render(){const e=this,{lineChart:t,toggleDatasets:a,width:s,height:l,axis:n,axisLabels:r,legend:i,datasets:d}=e.params,h=e.getChartData(),c=e.getVerticalLines(),u=e.getVisibleLabels(),p=a?"button":"span";return o("div",null,o("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:l,viewBox:`0 0 ${s} ${l}`,preserveAspectRatio:"none"},h.map((e=>t?o("path",{stroke:e.color,"fill-rule":"evenodd",d:e.points}):o("polygon",{fill:e.color,"fill-rule":"evenodd",points:e.points}))),c.map(((e,t)=>o("line",{"data-index":t,fill:"#000",x1:e,y1:0,x2:e,y2:l})))),n&&o("div",{class:"area-chart-axis"},r.map((t=>o("span",null,u.includes(t)&&o("span",null,e.formatAxisLabel(t)))))),i&&o("div",{class:"area-chart-legend"},d.map(((t,s)=>o(p,{"data-index":s,class:"area-chart-legend-item "+(a?"area-chart-legend-button":""),_type:a?"button":void 0},o("span",{style:`background-color: ${t.color}`}),e.formatLegendLabel(t.label))))))}update(e,t){void 0===e&&(e={}),void 0===t&&(t=!1);const s=this,{params:l}=s;if(Object.keys(e).forEach((t=>{void 0!==e[t]&&(l[t]=e[t])})),0===s.$svgEl.length)return s;s.detachEvents(),s.$svgEl.remove(),t||(s.$axisEl.remove(),s.$legendEl.remove());const n=a(s.render()),o=n.find("svg");if(r(s,{svgEl:o&&o[0],$svgEl:o}),!t){const e=n.find(".area-chart-axis"),t=n.find(".area-chart-legend");r(s,{$axisEl:e,$legendEl:t}),s.$el.append(e),s.$el.append(t)}return s.$el.prepend(o),s.attachEvents(),s}init(){const e=this,t=a(e.render()),s=t.find("svg"),l=t.find(".area-chart-axis"),n=t.find(".area-chart-legend");return r(e,{svgEl:s&&s[0],$svgEl:s,$axisEl:l,$legendEl:n}),e.$el.append(s),e.$el.append(l),e.$el.append(n),e.attachEvents(),e}destroy(){const e=this;e.$el&&!e.destroyed&&(e.$el.trigger("piechart:beforedestroy"),e.emit("local::beforeDestroy areaChartBeforeDestroy",e),e.detachEvents(),e.$svgEl.remove(),e.$axisEl.remove(),e.$legendEl.remove(),e.f7Tooltip&&e.f7Tooltip.destroy&&e.f7Tooltip.destroy(),delete e.$el[0].f7AreaChart,i(e),e.destroyed=!0)}}var h={name:"areaChart",params:{areaChart:{el:null,lineChart:!1,datasets:[],axis:!1,axisLabels:[],tooltip:!1,legend:!1,toggleDatasets:!1,width:640,height:320,maxAxisLabels:8,formatAxisLabel:null,formatLegendLabel:null,formatTooltip:null,formatTooltipAxisLabel:null,formatTooltipTotal:null,formatTooltipDataset:null}},create(){const e=this;e.areaChart=n({defaultSelector:".area-chart",constructor:d,app:e,domProp:"f7AreaChart"}),e.areaChart.update=function(t,s){if(0===a(t).length)return;const l=e.areaChart.get(t);return l?(l.update(s),l):void 0}}};if(t){if(e.prototype.modules&&e.prototype.modules[h.name])return;e.use(h),e.instance&&(e.instance.useModuleParams(h,e.instance.params),e.instance.useModule(h))}return h}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))